/*
 * Balanced
 * Shared wallet CSS
 * Version 1.0
 * Last updated 28/5/26
 */

/* ==========================================================================
   01. Widget shell and wallet list
   ========================================================================== */

.widget-wallet .list.wallet .list-header {
	position: relative;
	margin-top: 0;
	background-color: transparent;
}

.widget-wallet {
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.widget-wallet .widget-header {
	flex: 0 0 auto;
}

.widget-wallet .widget-content {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
}

.widget-wallet .list-scrollable {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	max-height: none;
	height: auto;
	background-color: #0c2a4d;
	border-radius: 20px;
	padding: 15px;
	padding-top: 0;
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25) inset;
	background-image: url("../img/icon/search2.svg"),
		linear-gradient(0deg, rgb(10, 37, 69) 0%, rgb(14, 50, 81) 100%);
	font-size: 14px;
}

.widget-wallet .list-scrollable .list-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	margin: 0 -15px 10px;
	padding: 10px 15px 5px;
	background-image: linear-gradient(0deg, rgb(10,37,69) 0%, rgb(14,50,81) 100%);
	box-shadow: 0 6px 10px rgba(1, 0, 42, 0.25);
	margin-bottom: 0;
}

.widget-wallet .list.wallet {
	overflow: visible;
}

/* ==========================================================================
   02. Asset rows and expandable details
   ========================================================================== */

.widget-wallet .asset-row {
	cursor: pointer;
}

.widget-wallet .asset-row--open {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.widget-wallet .asset-manager-details {
	border-top: 1px solid rgba(255,255,255,0.12);
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transform: translateY(-4px);
	transition: max-height 200ms ease,
		opacity 180ms ease,
		transform 180ms ease;
	margin-bottom: 10px;
	background: linear-gradient(135deg, rgba(32, 121, 143, 1) 0%, rgba(19, 70, 109, 1) 100%);
	border: 1px solid #1d4c75;
	background-color: #0c2a4d;
	background-image: linear-gradient(171deg, rgba(44, 169, 183, 0.37) 0%, rgba(44, 169, 183, 0) 50%);
	background-size: 550%;
}

.widget-wallet .list-item.secondary.is-hidden-by-details {
	display: none;
}

.widget-wallet .asset-manager-details.is-open {
	opacity: 1;
	transform: translateY(0);
}

/* ==========================================================================
   03. Asset detail tabs and base panes
   ========================================================================== */

.widget-wallet .asset-manager-details__tabs.toggle {
	margin-bottom: 20px;
}

.widget-wallet .asset-manager-details__tabs.toggle .asset-manager-tab {
	font-size: 12px;
}

.widget-wallet .asset-manager-overview__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 10px;
}

.widget-wallet .asset-manager-overview__price-main {
	font-size: 16px;
	font-weight: 600;
	text-align: right;
}

.widget-wallet .asset-manager-overview__chart {
	min-height: 150px;
}

.widget-wallet .asset-manager-chart {
	width: 100%;
}

.widget-wallet .asset-manager-details__activity-list {
	overflow: auto;
	font-size: 12px;
	overflow-y: scroll;
	background-color: #0c2a4d;
	border-radius: 20px;
	padding: 15px;
	margin-bottom: 0;
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25) inset;
	background-image: linear-gradient(0deg, rgb(10, 37, 69) 0%, rgb(14, 50, 81) 100%);
}

.widget-wallet .asset-manager-activity-row + .asset-manager-activity-row {
	margin-top: 6px;
	padding-top: 4px;
	border-top: 1px solid rgba(255,255,255,0.06);
}

@container (max-width: 520px) {
	.widget-wallet .asset-manager-overview__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.widget-wallet .asset-row-sparkline {
	width: 100%;
	margin-top: -1px;
}

.widget-wallet .asset-row-sparkline canvas {
	display: block;
	pointer-events: none;
}

.widget-wallet .list.wallet .list-header .grid-cell:nth-of-type(2),
.widget-wallet .list.wallet .list-header .grid-cell:nth-of-type(3),
.widget-wallet .list.wallet .list-item .grid-cell:nth-of-type(2),
.widget-wallet .list.wallet .list-item .grid-cell:nth-of-type(3) {
	text-align: right;
}

.widget-wallet .wallet-inline-pie {
	display: none;
}

.widget-wallet .wallet-inline-pie .wallet-pie__wrap {
	height: 245px;
}

.widget-wallet .asset-manager-overview__grid.grid > .grid-cell {
	align-self: flex-start;
}

/* ==========================================================================
   04. Compact list and allocation toggle
   ========================================================================== */

.widget-wallet .wallet-view-toggle {
	position: absolute;
	top: 50%;
	right: -38px;
	transform: translateY(-50%);
	width: 25px;
	height: 50px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.25);
	background: rgba(12,42,77,0.96);
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 10px 25px rgba(1,0,42,0.45);
	z-index: 10;
}

.widget-wallet .wallet-view-toggle__dots {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.widget-wallet .wallet-view-toggle__dot {
	width: 10px;
	height: 10px;
	border-radius: 3px;
	background: rgba(255,255,255,0.75);
	opacity: 0.65;
	transition: opacity 150ms ease;
}

.widget-wallet.wallet-view-list .wallet-view-toggle__dot--list,
.widget-wallet.wallet-view-pie  .wallet-view-toggle__dot--pie {
	opacity: 1;
	background: #fff;
}

.grid-stack-item-content .widget-wallet .wallet-view-toggle {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.grid-stack-item-content .widget-wallet .wallet-view-toggle:hover {
	opacity: 1;
	transition: opacity 0.2s ease;
}

.widget-wallet .asset-row-sparkcell {
	flex: 0 0 150px;
	text-align: right;
}

.widget-wallet .asset-row-trend {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	width: 100%;
	min-width: 0;
}

.widget-wallet .asset-row-sparkline {
	flex: 0 0 80px;
	height: 30px;
	min-width: 0;
	margin-bottom: -20px;
	transform: translateY(-10px);
}

.widget-wallet .asset-row-change {
	flex: 0 0 56px;
	text-align: right;
}

.widget-wallet .widget-content {
	position: relative;
}

.widget-wallet .wallet-onboarding-widget {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0;
	padding: 20px;
	z-index: 5;
	margin-top: -35px;
}

.widget-wallet .wallet-onboarding-widget.hide {
	display: none;
}

.widget-wallet .asset-manager-info__copy {
	flex: 1 1 55%;
}

.widget-wallet .asset-manager-info__copy p + p {
	margin-top: 15px;
}

.widget-wallet .asset-manager-info__meta {
	flex: 0 0 380px;
	border-radius: 24px;
	background-color: #0c2a4d;
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25) inset;
}

.widget-wallet .asset-manager-info__row {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 16px;
	margin-bottom: 18px;
}

.widget-wallet .asset-manager-info__row:last-child {
	margin-bottom: 0;
}

.widget-wallet .asset-manager-info__socials {
	margin-top: 18px;
	display: flex;
	gap: 12px;
}

.widget-wallet .asset-info-social {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 42px;
	height: 42px;
	border: 2px solid #0c2a4d;
	border-radius: 999px;
	background-color: #0c2a4d;
	background-color: rgba(255,255,255,0.05);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 18px 18px;
	box-shadow: 0 0 0 0 rgba(44, 169, 183, 0),
		inset 0 0 0 0 #2ca9b7,
		0 0 0 0 rgba(44, 169, 183, 0);
	outline: none;
	transition: background-color 0.2s ease,
		box-shadow 0.2s ease,
		border-color 0.2s ease;
}

.widget-wallet .asset-info-social:hover,
.no-touch .widget-wallet .asset-info-social:hover,
.widget-wallet .asset-info-social:focus,
.widget-wallet .asset-info-social:focus-visible {
	border-color: #1a6f88;
	background-color: #2ca9b7;
	box-shadow: 0 0 0 10px rgba(44, 169, 183, 0.5),
		inset 0 0 0 0 #2ca9b7,
		0 0 5px 2px #2ca9b7;
	transition: background-color 0.3s ease,
		box-shadow 0.3s ease,
		border-color 0.3s ease;
	z-index: 1;
}

.widget-wallet .asset-info-social--twitter {
	background-image: url("../img/logo/twitter.svg");
}

.widget-wallet .asset-info-social--reddit {
	background-image: url("../img/logo/reddit.svg");
	background-size: 20px 20px;
}

.widget-wallet .asset-info-social--discord {
	background-image: url("../img/logo/discord.svg");
}

.widget-wallet .asset-info-social--github {
	background-image: url("../img/logo/github.svg");
}

.widget-wallet .asset-info-social--coingecko {
	background-image: url("../img/logo/coingecko-white.svg");
}

@media (prefers-reduced-motion: reduce) {
	.widget-wallet .asset-info-social,
	.widget-wallet .asset-info-social:hover,
	.no-touch .widget-wallet .asset-info-social:hover,
	.widget-wallet .asset-info-social:focus,
	.widget-wallet .asset-info-social:focus-visible {
		transition: none;
	}
}

.widget-wallet .asset-manager-info__header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}

.widget-wallet .asset-manager-info__logo {
	width: 40px;
	height: 40px;
	border-radius: 999px;
	display: none;
}

.widget-wallet .asset-manager-info__title {
	margin: 0;
	min-width: 0;
	font-family: "tex-gyre-adventor-bold";
	font-size: 25px;
	overflow-wrap: anywhere;
	margin-bottom: 5px;
}

.widget-wallet .list.wallet .grid.list-item.secondary {
	display: flex !important;
}

.widget-wallet .list.wallet .grid.list-item.secondary.hide,
.widget-wallet .list.wallet .grid.list-item.secondary.is-hidden-by-details {
	display: none !important;
}

.widget-wallet .wallet-col-asset {
	position: relative;
}

.widget-wallet .wallet-chain-badge {
	position: absolute;
	left: 13px;
	top: 8px;
	height: 20px;
	width: 20px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 100%;
	background-color: #0c2a4d;
	background-position-y: 2px;
}

.widget-wallet .secondary .wallet-chain-badge {
	background-color: #144a68;
	height: 16px;
	width: 16px;
	background-position-y: 1px;
	left: 12px;
}

.widget-wallet .asset-row:hover .wallet-chain-badge {
	background-color: #173955;
}

.widget-wallet .list-item.sui-chain .wallet-chain-badge,
.widget-wallet .list-item.sui-blockchain .wallet-chain-badge {
	background-image: url("../img/logo/sui-blockchain.png") !important;
}

.widget-wallet .list.wallet .list-item:not(.parent):not(.secondary) .wallet-col-asset::before,
.widget-wallet .list.wallet .list-item.secondary .wallet-col-asset::before {
	display: none !important;
}

.widget-wallet .asset-manager-info__row--supported-chains {
	align-items: center;
}

.widget-wallet .supported-chains--wallet {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget-wallet .supported-chains--wallet .supported-chains__item {
	margin: 0;
	padding: 0;
}

.widget-wallet .supported-chains--wallet .wallet-chain-badge {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background-repeat: no-repeat;
	background-position: center;
}

.widget-wallet .supported-chains--wallet .more-blockchains {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	padding: 0 8px;
	border-radius: 999px;
	background: rgba(255,255,255,0.08);
	color: #fff;
	font-size: 12px;
	line-height: 1;
}

.widget-wallet .supported-chains--wallet .supported-chains__item {
	display: flex;
	align-items: center;
	line-height: 0;
}

.widget-wallet .supported-chains--wallet .wallet-chain-badge {
	position: static;
	left: auto;
	top: auto;
	background-color: transparent;
	background-position-y: center;
	background-size: contain;
	flex: 0 0 28px;
}

.widget-wallet .asset-manager-info__title .label {
	margin-top: 13px;
	position: absolute;
	margin-left: 10px;
}

.widget-wallet .wallet-swap-pane {
	grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.widget-wallet .wallet-swap-pane__left,
.widget-wallet .wallet-swap-pane__right {
	min-width: 0;
}

.widget-wallet .wallet-swap-pane__left {
	border-radius: 25px;
	background-image: linear-gradient(135deg, rgba(32,121,143,1) 0%, rgba(19,70,109,1) 100%);
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017), 0 6.7px 5.3px rgba(0, 0, 0, 0.024), 0 12.5px 10px rgba(0, 0, 0, 0.03), 0 22.3px 17.9px rgba(0, 0, 0, 0.036), 0 41.8px 33.4px rgba(0, 0, 0, 0.043), 0 100px 80px rgba(0, 0, 0, 0.06);
}

.widget-wallet .wallet-swap-pane__heading {
	margin-bottom: 8px;
}

.widget-wallet .wallet-swap-pane__heading h3 {
	margin: 0;
	font-size: 25px;
	font-family: "tex-gyre-adventor-bold";
}

.widget-wallet .wallet-swap-pane__toolbar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.widget-wallet .wallet-swap-pane__price-pills,
.widget-wallet .wallet-swap-pane__chart-type,
.widget-wallet .wallet-swap-pane__periods,
.widget-wallet .wallet-swap-pane__chart-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.widget-wallet .wallet-swap-pane__price-pills > button,
.widget-wallet .wallet-swap-pane__chart-type > button,
.widget-wallet .wallet-swap-pane__periods > button,
.widget-wallet .wallet-swap-quick > button {
	border: 0;
	border-radius: 999px;
	padding: 1px 12px;
	color: #fff;
	cursor: pointer;
	font-family: "tex-gyre-adventor-regular";
	background-color: #134563;
	background-image: linear-gradient(0deg, rgba(30,131,143,0.35) 0%, rgba(54,203,220,0.35) 100%);
	box-shadow: 0px 10px 10px 0px rgba(1, 0, 42, 0.01);
}

.widget-wallet .wallet-swap-pane__price-pills > button {
	cursor: default;
}

.widget-wallet .wallet-swap-pane__chart-type > button.is-active,
.widget-wallet .wallet-swap-pane__periods > button.is-active,
.widget-wallet .wallet-swap-quick > button:hover {
	background-image: linear-gradient(0deg, rgba(30,131,143,1) 0%, rgba(54,203,220,1) 100%);
}

.widget-wallet .wallet-swap-pane__chart {
	min-height: 420px;
	height: 420px;
	width: 100%;
}

.widget-wallet .wallet-swap-card {
	position: relative;
}

.widget-wallet .wallet-swap-card__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.widget-wallet .wallet-swap-card__header h4 {
	margin: 0;
	font-family: "tex-gyre-adventor-bold";
}

.widget-wallet .wallet-swap-card__control {
	position: relative;
	display: grid;
	overflow: visible;
	background-color: #0c2a4d;
	border: 2px solid #1d4e70;
	border-bottom: 0;
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25);
}

.widget-wallet .wallet-swap-card__amount {
	text-align: right;
	background-color: #0f395a;
}

.widget-wallet .wallet-swap-card__amount input {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	text-align: right;
	font-family: "tex-gyre-adventor-regular";
	outline: none;
	box-shadow: none;
}

.widget-wallet .wallet-swap-card__amount input::placeholder {
	color: rgba(255,255,255,0.45);
}

.widget-wallet .wallet-swap-card__amount .label {
	display: block;
}

.widget-wallet .wallet-swap-card__footer.chain-selector {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: rgb(15, 57, 90);
	border-top: 1px solid rgba(255,255,255,0.15);
}

.widget-wallet .wallet-swap-select {
	position: relative;
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font-family: "tex-gyre-adventor-bold";
	font-weight: normal;
}

.widget-wallet .wallet-swap-select::after {
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-1px) translateX(6px);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #2fccdc;
	width: 10px;
}

.widget-wallet .wallet-swap-select.one-chain::after,
.widget-wallet .wallet-swap-select:disabled::after {
	display: none;
}

.widget-wallet .wallet-swap-select--chain {
	color: rgba(255,255,255,0.8);
}

.widget-wallet .wallet-swap-select--asset::before,
.widget-wallet .wallet-swap-select--chain::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-image: var(--wallet-swap-select-logo);
}

.widget-wallet .wallet-swap-select--chain::before {
	left: 0;
	background-color: transparent;
}

.widget-wallet .wallet-swap-select.is-open {
	color: #2fccdc;
}

.widget-wallet .wallet-swap-address-button {
	position: relative;
	border: 0;
	background: transparent;
	color: #2fccdc;
	cursor: pointer;
	padding: 0;
	font-family: "tex-gyre-adventor-regular";
}

.widget-wallet .wallet-swap-address-button:not(.wallet-address) {
	color: rgba(255,255,255,0.8);
}

.widget-wallet .wallet-swap-card .wallet-copy {
	top: 28px;
	left: auto;
	right: 0;
	width: 135px;
	text-align: center;
}

.widget-wallet .wallet-swap-pane__flip {
	margin: 18px auto;
	width: 35px;
	height: 35px;
	border-radius: 999px;
	border: 0;
	color: #fff;
	cursor: pointer;
}

.widget-wallet .wallet-swap-pane__flip span {
	font-size: 22px;
	line-height: 1;
}

.widget-wallet .wallet-swap-pane__meta {
	display: flex;
	flex-direction: column;
}

.widget-wallet .wallet-swap-pane__meta-row {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.widget-wallet .wallet-swap-pane__meta-row > div:last-child {
	color: #2fccdc;
	text-align: right;
	font-size: 14px;
	cursor: pointer;
}

.widget-wallet .wallet-swap-picker {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 10px);
	z-index: 25;
	border: 2px solid #2ca9b7;
	border-radius: 24px;
	padding: 12px;
	background: linear-gradient(0deg, rgba(12,42,77,1) 0%, rgba(12,42,77,0) 50%),
		linear-gradient(171deg, rgba(44,169,183,.37) 0%, rgba(44,169,183,0) 50%),
		#0c2a4d;
	box-shadow: 0px 10px 25px 0px rgba(1, 0, 42, 0.35);
}

.widget-wallet .wallet-swap-picker--chain {
	top: calc(100% + 8px);
}

.widget-wallet .wallet-swap-picker.hide {
	display: none;
}

.widget-wallet .wallet-swap-picker__search.search {
	margin-bottom: 10px;
	border: 2px solid #05193b;
	background-color: #05193b;
	box-shadow: none;
	padding-left: 45px !important;
	background-image: url("../img/icon/search1.svg");
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 15px 9px;
}

.widget-wallet .wallet-swap-picker__scroll {
	max-height: 260px;
	overflow-y: auto;
	border-radius: 16px;
	background-color: #0c2a4d;
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25) inset;
	background-image: linear-gradient(0deg, rgb(10, 37, 69) 0%, rgb(14, 50, 81) 100%);
}

.widget-wallet .wallet-swap-picker__row {
	cursor: pointer;
}

.widget-wallet .wallet-swap-picker__row::before {
	display: none !important;
}

.widget-wallet .wallet-swap-picker__primary {
	position: relative;
	padding-left: 36px;
	min-width: 0;
}

.widget-wallet .wallet-swap-picker__icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border-radius: 999px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.widget-wallet .wallet-swap-picker__meta {
	text-align: right;
	color: rgba(255,255,255,0.75);
}

.widget-wallet .wallet-swap-picker__meta.is-connect {
	color: #2fccdc;
}

.widget-wallet .wallet-swap-picker__empty {
	margin: 0;
	padding: 16px;
}

@container (max-width: 900px) {
	.widget-wallet .wallet-swap-pane__chart {
		min-height: 340px;
		height: 340px;
	}
}

@container (max-width: 560px) {
	.widget-wallet .wallet-swap-pane__toolbar {
		flex-direction: column;
		align-items: stretch;
	}
}

.widget-wallet .wallet-swap-card--from .wallet-swap-select--asset:disabled {
	opacity: 1;
	cursor: default;
}

.widget-wallet .wallet-earn-pane__top {
	position: relative;
	margin-bottom: 18px;
}

.widget-wallet .wallet-earn-chain-select {
	border: 0;
	background: transparent;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	font-family: "tex-gyre-adventor-regular";
	padding: 0;
}

.widget-wallet .wallet-earn-chain-select span {
	color: #2fccdc;
}

.widget-wallet .wallet-earn-chain-select::after {
	content: "";
	display: inline-block;
	margin-left: 8px;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #2fccdc;
	transform: translateY(2px);
}

.widget-wallet .wallet-earn-chain-picker {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	z-index: 25;
	width: 360px;
	max-width: 100%;
	border-radius: 24px;
	padding: 12px;
	border: 1px solid #25728a;
	background: linear-gradient(0deg, rgba(12,42,77,1) 0%, rgba(12,42,77,0) 50%),
		linear-gradient(171deg, rgba(44,169,183,.37) 0%, rgba(44,169,183,0) 50%),
		#0c2a4d;
	box-shadow: 0px 10px 25px 0px rgba(1, 0, 42, 0.35);
}

.widget-wallet .wallet-earn-chain-picker.hide {
	display: none;
}

.widget-wallet .wallet-earn-chain-list {
	overflow: hidden;
}

.widget-wallet .wallet-earn-chain-row {
	cursor: pointer;
}

.widget-wallet .wallet-earn-chain-row::before {
	display: none !important;
}

.widget-wallet .wallet-earn-chain-row.is-selected,
.widget-wallet .wallet-earn-chain-row:hover {
	background-color: rgba(255,255,255,0.04);
}

.widget-wallet .wallet-earn-chain-row__name {
	position: relative;
	padding-left: 34px;
}

.widget-wallet .wallet-earn-chain-row__icon {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 999px;
}

.widget-wallet .wallet-earn-chain-row__meta {
	text-align: right;
	color: rgba(255,255,255,0.75);
}

.widget-wallet .wallet-earn-pane__grid {
	display: grid;
}

.widget-wallet .wallet-earn-card,
.widget-wallet .wallet-earn-projection {
	position: relative;
	border-radius: 25px;
	box-shadow: 0 2.8px 2.2px rgba(0,0,0,.017),
		0 6.7px 5.3px rgba(0,0,0,.024),
		0 12.5px 10px rgba(0,0,0,.03),
		0 22.3px 17.9px rgba(0,0,0,.036),
		0 41.8px 33.4px rgba(0,0,0,.043),
		0 100px 80px rgba(0,0,0,.06);
}

.widget-wallet .wallet-earn-projection {
	background-image: linear-gradient(135deg, rgba(32,121,143,.7) 0%, rgba(19,70,109,.7) 100%);
	border: 1px solid rgba(44,169,183,0.35);
}

.widget-wallet .wallet-earn-card__header,
.widget-wallet .wallet-earn-projection__title {
	position: relative;
	z-index: 2;
}

.widget-wallet .wallet-earn-card__header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.widget-wallet .wallet-earn-card__header h3 {
	margin: 0;
	font-family: "tex-gyre-adventor-bold";
}

.widget-wallet .wallet-earn-card__apy {
	color: #36cbdc;
	font-family: "tex-gyre-adventor-bold";
}

.widget-wallet .wallet-earn-card__locked-pill {
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

.widget-wallet .wallet-earn-card__locked-pill.active {
	opacity: 1;
}

.widget-wallet .wallet-earn-card__swatch {
	display: inline-block;
}

.widget-wallet .wallet-earn-card__swatch--supplied {
	background: linear-gradient(180deg, rgba(44,173,187,1), rgba(64,221,238,.5));
}

.widget-wallet .wallet-earn-card__swatch--available {
	background: #0b3e5e;
}

.widget-wallet .wallet-earn-card__actions {
	align-items: center;
	justify-content: center;
	gap: 28px;
}
.widget-wallet .wallet-earn-projection__title {
	text-align: center;
}

@container (max-width: 900px) {
	.widget-wallet .wallet-earn-pane__grid {
		grid-template-columns: 1fr;
	}
}

.widget-wallet .wallet-earn-card .noUi-target,
.widget-wallet .wallet-earn-card .noUi-horizontal {
	height: 15px;
	border: 0;
	border-radius: 999px;
	background: #0e4362;
	box-shadow: none;
}

.widget-wallet .wallet-earn-card .noUi-connect {
	border-top-left-radius: 999px;
	border-bottom-left-radius: 999px;
}

.widget-wallet .wallet-earn-card__chart,
.widget-wallet .wallet-earn-projection__chart {
	position: relative;
}

.widget-wallet .wallet-earn-card__locked-pill p {
	margin: 0;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(12, 42, 77, 0.95);
	border: 1px solid rgba(255,255,255,0.15);
	white-space: nowrap;
}

.widget-wallet .wallet-earn-pane .lwc-tooltip {
	position: absolute;
	pointer-events: none;
	padding: 5px 10px;
	background-color: rgba(16, 58, 90, 0.9);
	background-image: linear-gradient(135deg, rgba(32,121,143,0.5) 0%, rgba(23,86,120,0.5) 100%);
	border-radius: 12px;
	color: #fff;
	box-shadow: 7px 7px 25px 0px rgba(1, 0, 42, 0.25);
	border: 1px solid rgba(44, 169, 183, 0.5);
	opacity: 0;
	transition: opacity .15s ease;
	z-index: 99;
	text-align: center;
	min-width: 80px;
}

.widget-wallet .wallet-earn-pane .lwc-tooltip .date {
	font-size: 12px;
	margin-bottom: 2px;
	color: rgba(255,255,255,0.75);
}

.widget-wallet .wallet-earn-pane .lwc-tooltip .value {
	margin-bottom: 2px;
	font-size: 14px;
}

.widget-wallet .wallet-earn-pane .wallet-earn-floating-tooltip,
.wallet-asset-modal .wallet-earn-pane .wallet-earn-floating-tooltip {
	z-index: 120;
	white-space: nowrap;
	will-change: left, top, opacity;
}

/* ==========================================================================
   05. Wallet table columns and trend cells
   ========================================================================== */

.widget-wallet .wallet-col-asset {
	flex: 1 1 140px;
	min-width: 0;
}

.widget-wallet .wallet-col-balance,
.widget-wallet .wallet-col-value {
	flex: 0 0 110px;
}

.widget-wallet .wallet-col-price {
	flex: 0 0 120px;
}

.widget-wallet .wallet-col-change {
	flex: 0 0 75px;
}

.widget-wallet .wallet-col-trend {
	flex: 0 0 140px;
}

.widget-wallet .wallet-col-balance,
.widget-wallet .wallet-col-value,
.widget-wallet .wallet-col-price,
.widget-wallet .wallet-col-change,
.widget-wallet .wallet-col-trend {
	text-align: right;
}

.widget-wallet .list.wallet .list-item > .wallet-col-trend,
.widget-wallet .list.wallet .list-header > .wallet-col-trend {
	margin-left: 35px;
}

.widget-wallet .list.wallet .list-item.secondary > .wallet-col-trend {
	margin-left: 20px;
}

.widget-wallet .wallet-col-trend .asset-row-sparkline {
	width: 100%;
	position: absolute;
	top: -15px;
	height: 45px;
	margin: 0;
	transform: none;
	flex: none;
}

.widget-wallet .asset-row-change {
	white-space: nowrap;
}

.widget-wallet .asset-row-change.is-pos {
	color: #2fccdc;
}

.widget-wallet .asset-row-change.is-neg {
	color: rgba(255, 123, 123, 1);
}

.widget-wallet .asset-row-change.is-flat {
	color: rgba(255, 255, 255, 0.75);
}

.grid-stack-item[gs-w="6"] .widget-wallet .list.wallet .list-header .grid-cell:nth-of-type(3),
.grid-stack-item[gs-w="6"] .widget-wallet .list.wallet .list-item .grid-cell:nth-of-type(3),
.grid-stack-item[gs-w="6"] .widget-wallet .list.wallet .list-item.secondary .grid-cell:nth-of-type(2),
.grid-stack-item[gs-w="6"] .widget-wallet .list.wallet .list-item.secondary .grid-cell:nth-of-type(3) {
	transform: none;
}

.grid-stack-item-content.widget-wallet {
	--apy-chart-top: rgba(44, 169, 183, 0.56);
	--apy-chart-bottom: rgba(44, 169, 183, 0.04);
	--apy-chart-line: rgba(44, 169, 183, 1);
}

/* ==========================================================================
   06. Grid-width column visibility
   ========================================================================== */

.grid-stack-item[gs-w="4"] .widget-wallet .asset-row-sparkcell,
.grid-stack-item[gs-w="5"] .widget-wallet .asset-row-sparkcell {
	display: none;
}

.grid-stack-item[gs-w="6"] .widget-wallet .asset-row-sparkline {
	flex: 0 0 75px;
}

.grid-stack-item[gs-w="9"] .widget-wallet .wallet-col-price,
.grid-stack-item[gs-w="8"] .widget-wallet .wallet-col-price,
.grid-stack-item[gs-w="7"] .widget-wallet .wallet-col-price,
.grid-stack-item[gs-w="7"] .widget-wallet .wallet-col-trend,
.grid-stack-item[gs-w="6"] .widget-wallet .wallet-col-price,
.grid-stack-item[gs-w="6"] .widget-wallet .wallet-col-trend,
.grid-stack-item[gs-w="5"] .widget-wallet .wallet-col-price,
.grid-stack-item[gs-w="5"] .widget-wallet .wallet-col-trend,
.grid-stack-item[gs-w="5"] .widget-wallet .wallet-col-change,
.grid-stack-item[gs-w="4"] .widget-wallet .wallet-col-price,
.grid-stack-item[gs-w="4"] .widget-wallet .wallet-col-trend,
.grid-stack-item[gs-w="4"] .widget-wallet .wallet-col-change,
.grid-stack-item[gs-w="4"] .widget-wallet .wallet-col-balance {
	display: none;
}

/* ==========================================================================
   07. Compact 4×4 allocation mode
   ========================================================================== */

.grid-stack-item[gs-w="4"][gs-h="4"] .widget-wallet .wallet-view-toggle {
	display: flex;
}

.grid-stack-item[gs-w="4"][gs-h="4"] .widget-wallet:not(.wallet-view-list) .list-scrollable {
	display: none;
}

.grid-stack-item[gs-w="4"][gs-h="4"] .widget-wallet:not(.wallet-view-list) .wallet-inline-pie {
	display: block;
}

.grid-stack-item[gs-h="4"] .widget-wallet .widget-toolbar {
	display: none;
}

/* ==========================================================================
   08. Swap pane compact baseline
   ========================================================================== */

.widget-wallet .wallet-swap-pane {
	display: block;
	min-width: 0;
}

.widget-wallet .wallet-swap-pane__left {
	width: 100%;
	min-width: 0;
}

.widget-wallet .wallet-swap-pane__right,
.widget-wallet .wallet-swap-pane__heading,
.widget-wallet .wallet-swap-pane__toolbar,
.widget-wallet .wallet-swap-pane__chart {
	display: none;
}

.widget-wallet .wallet-swap-pane__cards {
	display: grid;
	gap: 14px;
	align-items: start;
	min-width: 0;
}

.widget-wallet .wallet-swap-pane__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin-top: 68px;
	border-radius: 999px;
	color: #ffffff;
	font-size: 20px;
	line-height: 1;
	pointer-events: none;
}

.widget-wallet .wallet-swap-card {
	min-width: 0;
}

.widget-wallet .wallet-swap-card--to {
	margin-top: 0;
}

.widget-wallet .wallet-swap-pane__flip {
	display: none;
}

.widget-wallet .wallet-swap-card__header {
	gap: 10px;
	margin-bottom: 8px;
}

.widget-wallet .wallet-swap-card__header .label {
	min-width: 0;
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.widget-wallet .wallet-swap-card__footer.chain-selector {
	gap: 10px;
}

.widget-wallet .wallet-swap-select--chain {
	min-width: 0;
}

.widget-wallet .wallet-swap-address-button {
	flex: 0 0 auto;
	white-space: nowrap;
}

.widget-wallet .wallet-swap-quick {
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
	display: none;
}

.widget-wallet .wallet-swap-quick.hide {
	display: none;
}

.widget-wallet .wallet-swap-pane__summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(180px, 220px);
	gap: 18px;
	align-items: end;
	margin-top: 18px;
}

.widget-wallet .wallet-swap-pane__meta {
	min-width: 0;
	margin-top: 0;
	gap: 6px;
}

@container (max-width: 900px) {
	.widget-wallet .wallet-swap-pane {
		grid-template-columns: none;
	}
}

@container (max-width: 760px) {
	.widget-wallet .wallet-swap-pane__cards {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.widget-wallet .wallet-swap-pane__arrow {
		width: 34px;
		height: 34px;
		margin: -2px auto;
		transform: rotate(90deg);
	}

	.widget-wallet .wallet-swap-pane__summary {
		grid-template-columns: minmax(0, 1fr);
	}
}

@container (max-width: 560px) {
	.widget-wallet .wallet-swap-pane__left {
		padding: 18px;
	}
}

/* ==========================================================================
   09. Swap control sizing
   ========================================================================== */

.widget-wallet .wallet-swap-pane {
	--wallet-swap-asset-col: 135px;
	--wallet-swap-control-height: 50px;
	--wallet-swap-footer-height: 40px;
}

.widget-wallet .wallet-swap-card__control {
	grid-template-columns: minmax(118px, var(--wallet-swap-asset-col)) minmax(0, 1fr);
	min-height: var(--wallet-swap-control-height);
	border-radius: 15px 15px 0 0;
}

.widget-wallet .wallet-swap-select--asset {
	min-height: var(--wallet-swap-control-height);
	height: var(--wallet-swap-control-height);
	padding: 10px 30px 10px 50px;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	border-bottom: 0;
	font-size: 15px;
	line-height: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.widget-wallet .wallet-swap-select--asset::before {
	left: 16px;
	width: 25px;
	height: 25px;
}

.widget-wallet .wallet-swap-select--asset::after {
	right: 12px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 8px;
}

.widget-wallet .wallet-swap-card__amount {
	height: var(--wallet-swap-control-height);
	min-height: var(--wallet-swap-control-height);
	padding: 6px 18px 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top-right-radius: 15px;
}

.widget-wallet .wallet-swap-card__amount input[type="text"] {
	height: 20px;
	min-height: 20px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 16px;
	line-height: 20px;
}

.widget-wallet .wallet-swap-card__amount input[type="text"]:hover,
.widget-wallet .wallet-swap-card__amount input[type="text"]:focus {
	border: 0;
	box-shadow: none;
}

.widget-wallet .wallet-swap-card__amount .label {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.1;
}

.widget-wallet .wallet-swap-card__footer.chain-selector {
	min-height: var(--wallet-swap-footer-height);
	padding: 6px 15px 7px;
	border-radius: 0 0 15px 15px;
}

.widget-wallet .wallet-swap-select--chain {
	padding: 0 18px 0 27px;
	font-size: 14px;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.widget-wallet .wallet-swap-select--chain::before {
	width: 18px;
	height: 18px;
}

.widget-wallet .wallet-swap-address-button {
	font-size: 14px;
}

@container (max-width: 560px) {
	.widget-wallet .wallet-swap-card__control {
		grid-template-columns: minmax(112px, 130px) minmax(0, 1fr);
	}

	.widget-wallet .wallet-swap-select--asset {
		border-right: 1px solid rgba(255, 255, 255, 0.15);
		border-bottom: 0;
	}

	.widget-wallet .wallet-swap-card__amount {
		border-top-right-radius: 15px;
	}
}

@container (max-width: 420px) {
	.widget-wallet .wallet-swap-pane {
		--wallet-swap-asset-col: 118px;
	}

	.widget-wallet .wallet-swap-select--asset {
		padding-left: 42px;
		padding-right: 22px;
		font-size: 14px;
	}

	.widget-wallet .wallet-swap-select--asset::before {
		left: 13px;
		width: 22px;
		height: 22px;
	}

	.widget-wallet .wallet-swap-select--asset::after {
		right: 9px;
	}
}

/* ==========================================================================
   10. Asset detail responsive foundation
   ========================================================================== */

.widget-wallet {
	container-type: inline-size;
}

.widget-wallet .asset-manager-details {
	--wallet-details-pad: 24px;
	--wallet-details-radius: 25px;
	--wallet-details-gap: 18px;
	--wallet-details-chart-min: 170px;
	--wallet-details-chart-height: 210px;
	--wallet-details-panel-pad: 22px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding: var(--wallet-details-pad);
	border-radius: var(--wallet-details-radius);
}

.asset-manager-overview__grid .asset-manager-overview__activity .asset-manager-details__activity-list .activity-item > .grid-cell.text-right {
	max-width: 100px;
}

.asset-manager-overview__grid .asset-manager-overview__activity .asset-manager-details__activity-list .list-item > div:nth-child(1) > p:nth-child(1)::before {
	content: none;
}

.asset-manager-overview__grid .asset-manager-overview__activity .asset-manager-details__activity-list .list-item:not(.parent):not(.secondary) .grid-cell:nth-of-type(1)::before {
	margin-top: 17px;
}

.widget-wallet .asset-manager-details,
.widget-wallet .asset-manager-details * {
	box-sizing: border-box;
}

.widget-wallet .asset-manager-details .list .list-item:first-child {
	padding-top: 0;
}

.widget-wallet .asset-manager-details__inner,
.widget-wallet .asset-manager-details__panes,
.widget-wallet .asset-manager-pane,
.widget-wallet .asset-manager-pane.is-active {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.widget-wallet .asset-manager-details__inner {
	display: flex;
	flex-direction: column;
}

.widget-wallet .asset-manager-details__panes {
	min-height: 0;
}

.widget-wallet .asset-manager-pane.is-active {
	display: block;
}

.widget-wallet .asset-manager-overview__grid.grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.85fr);
	gap: var(--wallet-details-gap);
	align-items: stretch;
	width: 100%;
	min-width: 0;
}

.widget-wallet .asset-manager-overview__chart,
.widget-wallet .asset-manager-overview__activity {
	min-width: 0;
	max-width: 100%;
}

.widget-wallet .asset-manager-overview__asset {
	margin-top: 0;
	margin-bottom: 10px;
}

.widget-wallet .asset-manager-chart {
	height: var(--wallet-details-chart-height);
	min-height: var(--wallet-details-chart-min);
	overflow: hidden;
}

.widget-wallet .asset-manager-overview__activity-header h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-family: "tex-gyre-adventor-bold";
	font-size: 20px;
	line-height: 1.15;
}

.widget-wallet .asset-manager-details__activity-list {
	max-height: var(--wallet-details-chart-height);
	min-height: 0;
	padding-top: 15px;
}

.widget-wallet .asset-manager-info.grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 380px);
	gap: var(--wallet-details-gap);
	align-items: start;
}

.widget-wallet .asset-manager-info__copy,
.widget-wallet .asset-manager-info__meta {
	min-width: 0;
	max-width: 100%;
}
.widget-wallet .asset-manager-info__copy p {
	color: rgba(255, 255, 255, 0.75);
}

.widget-wallet .asset-manager-info__meta {
	width: 100%;
	padding: var(--wallet-details-panel-pad);
}

.widget-wallet .wallet-earn-pane,
.widget-wallet .wallet-earn-pane__grid,
.widget-wallet .wallet-earn-pane__left,
.widget-wallet .wallet-earn-pane__right,
.widget-wallet .wallet-earn-card,
.widget-wallet .wallet-earn-projection {
	min-width: 0;
	max-width: 100%;
}

.widget-wallet .wallet-earn-pane__grid {
	grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
	gap: var(--wallet-details-gap);
}

.widget-wallet .wallet-earn-card,
.widget-wallet .wallet-earn-projection {
	padding: var(--wallet-details-panel-pad);
}

.widget-wallet .wallet-earn-card__chart {
	min-height: 100px;
	overflow: hidden;
}

.widget-wallet .wallet-earn-card__stats,
.widget-wallet .wallet-earn-card__interest {
	gap: 12px;
}

.widget-wallet .wallet-swap-pane,
.widget-wallet .wallet-swap-pane__left,
.widget-wallet .wallet-swap-pane__cards,
.widget-wallet .wallet-swap-card,
.widget-wallet .wallet-swap-pane__summary {
	min-width: 0;
	max-width: 100%;
}

.widget-wallet .wallet-swap-pane__left {
	padding: var(--wallet-details-panel-pad);
}

.widget-wallet .wallet-swap-pane__cards {
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

.widget-wallet .wallet-swap-card__header h4 {
	font-size: 25px;
}

.widget-wallet .wallet-swap-picker {
	max-width: 100%;
}

/* ==========================================================================
   11. Asset detail width breakpoints
   ========================================================================== */

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-details {
	--wallet-details-pad: 14px;
	--wallet-details-radius: 22px;
	--wallet-details-gap: 14px;
	--wallet-details-chart-min: 130px;
	--wallet-details-chart-height: 165px;
	--wallet-details-panel-pad: 16px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-details__tabs.toggle {
	margin-bottom: 14px;
	padding: 4px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-details__tabs.toggle .asset-manager-tab {
	font-size: 12px;
	padding: 7px 12px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-overview__grid.grid,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-info.grid,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-pane__grid,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-pane__cards,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-pane__summary {
	grid-template-columns: minmax(0, 1fr);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-overview__asset,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-overview__activity-header h4 {
	font-size: 16px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-details__activity-list {
	max-height: 130px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-pane__top {
	margin-bottom: 12px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-chain-select {
	font-size: 14px;
	line-height: 1.25;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__header {
	margin-bottom: 8px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__stats,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__interest {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__label {
	gap: 8px;
	margin-bottom: 8px;
	font-size: 13px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__interest .grid-cell + .grid-cell {
	padding-left: 0;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__actions {
	gap: 18px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-pane__right,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-projection {
	display: none;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-pane__left {
	padding: 16px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-pane__arrow {
	width: 34px;
	height: 34px;
	margin: -2px auto;
	transform: rotate(90deg);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-pane {
	--wallet-swap-asset-col: 118px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-card__control {
	grid-template-columns: minmax(108px, var(--wallet-swap-asset-col)) minmax(0, 1fr);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-select--asset {
	padding-left: 42px;
	padding-right: 22px;
	font-size: 14px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-select--asset::before {
	left: 13px;
	width: 22px;
	height: 22px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-swap-pane__meta-row {
	font-size: 12px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-info__row {
	grid-template-columns: minmax(0, 1fr);
	gap: 4px;
	margin-bottom: 14px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-info__title {
	font-size: 20px;
}

.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-details {
	--wallet-details-pad: 18px;
	--wallet-details-gap: 16px;
	--wallet-details-chart-height: 180px;
	--wallet-details-panel-pad: 18px;
}

.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__grid.grid,
.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-info.grid,
.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane__grid,
.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-swap-pane__cards,
.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-swap-pane__summary {
	grid-template-columns: minmax(0, 1fr);
}

.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane__right {
	display: none;
}

.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-swap-pane__arrow {
	margin: -2px auto;
	transform: rotate(90deg);
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .asset-manager-details {
	--wallet-details-pad: 20px;
	--wallet-details-gap: 16px;
	--wallet-details-chart-height: 190px;
	--wallet-details-panel-pad: 20px;
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .asset-manager-overview__grid.grid {
	grid-template-columns: minmax(0, 1.25fr) minmax(200px, 0.75fr);
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-earn-pane__grid,
.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-swap-pane__cards {
	grid-template-columns: minmax(0, 1fr);
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-earn-pane__right {
	display: none;
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-swap-pane__arrow {
	margin: -2px auto;
	transform: rotate(90deg);
}

.grid-stack-item:is([gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .asset-manager-details {
	--wallet-details-pad: 24px;
	--wallet-details-gap: 22px;
	--wallet-details-chart-height: 230px;
	--wallet-details-panel-pad: 24px;
}

.grid-stack-item:is([gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-earn-pane__grid {
	grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
}

/* ==========================================================================
   12. Asset detail height breakpoints
   ========================================================================== */

.grid-stack-item:is([gs-h="4"], [gs-h="5"]) .widget-wallet .asset-manager-details {
	--wallet-details-chart-height: 150px;
	--wallet-details-chart-min: 120px;
}

.grid-stack-item:is([gs-h="4"], [gs-h="5"]) .widget-wallet .asset-manager-details__tabs.toggle {
	margin-bottom: 12px;
}

.grid-stack-item:is([gs-h="4"], [gs-h="5"]) .widget-wallet .wallet-earn-card__locked-track {
	height: 18px;
	margin-bottom: 6px;
}

.grid-stack-item[gs-w="4"][gs-h="4"] .widget-wallet.wallet-view-list .asset-manager-details {
	--wallet-details-pad: 12px;
	--wallet-details-radius: 20px;
}

.grid-stack-item[gs-w="4"][gs-h="4"] .widget-wallet.wallet-view-list .asset-manager-chart {
	height: 130px;
	min-height: 120px;
}

/* ==========================================================================
   13. Asset detail tab rail
   ========================================================================== */

.widget-wallet .asset-manager-details__tabs.toggle {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: max-content;
	max-width: 100%;
	margin: 0 auto 20px;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	white-space: nowrap;
	flex-wrap: nowrap;
}

.widget-wallet .asset-manager-details__tabs.toggle::-webkit-scrollbar {
	display: none;
}

.widget-wallet .asset-manager-details__tabs.toggle .asset-manager-tab {
	float: none;
	flex: 0 0 auto;
	white-space: nowrap;
}

@container (max-width: 620px) {
	.widget-wallet .asset-manager-details__tabs.toggle {
		max-width: 100%;
		justify-content: flex-start;
	}
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-details__tabs.toggle {
	max-width: 100%;
	justify-content: flex-start;
}

/* ==========================================================================
   14. Earn pane base controls
   ========================================================================== */

.widget-wallet .wallet-earn-pane {
	min-width: 0;
}

.widget-wallet .wallet-earn-pane__grid {
	align-items: start;
}

.widget-wallet .wallet-earn-card {
	overflow: hidden;
	border: 1px solid rgba(44, 169, 183, 0.30);
	background-image: linear-gradient(135deg, rgba(32,121,143,1) 0%, rgba(19,70,109,1) 100%);
}

.widget-wallet .wallet-earn-card__header {
	margin-bottom: 10px;
}

.widget-wallet .wallet-earn-card__header h3 {
	font-size: 25px;
	line-height: 1.1;
}

.widget-wallet .wallet-earn-card__apy {
	font-size: 25px;
	line-height: 1.1;
	background: linear-gradient(0deg, #29b0bf 0%, #36cbdc 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.widget-wallet .wallet-earn-card__chart {
	height: 100px;
	margin-bottom: 15px;
}

.widget-wallet .wallet-earn-card__locked-track {
	height: 18px;
	margin-bottom: 6px;
	position: absolute;
}

.widget-wallet .wallet-earn-card .noUi-target,
.widget-wallet .wallet-earn-card .noUi-horizontal,
.widget-wallet .wallet-earn-card [disabled].noUi-horizontal {
	height: 15px;
	border: 0;
	border-radius: 5px;
	background: #0e4362;
	box-shadow: 0 10px 10px 0 rgba(12, 42, 77, 0.25);
	transition: height 0.2s ease, background 0.2s ease;
}

.widget-wallet .wallet-earn-pane.is-earn-adjusting .wallet-earn-card .noUi-target,
.widget-wallet .wallet-earn-pane.is-earn-adjusting .wallet-earn-card .noUi-horizontal {
	background: #0b3e5e;
}

.widget-wallet .wallet-earn-card .noUi-connects {
	overflow: hidden !important;
	border-radius: 999px;
}

.widget-wallet .wallet-earn-card .noUi-connect {
	border-radius: 999px 0 0 999px;
	background-image: linear-gradient(0deg, rgb(39,153,166) 0%, rgb(46,181,196) 100%);
	box-shadow: 0 10px 15px 0 rgba(1, 0, 42, 0.10);
}
.widget-wallet .wallet-earn-pane.is-earn-adjusting .wallet-earn-card .noUi-target {
	height: 5px;
	margin-bottom: 25px;
}
.widget-wallet .wallet-earn-pane.is-earn-adjusting .wallet-earn-card .wallet-earn-card__value {
	font-size: 14px;
	text-align: left;
}

.widget-wallet .wallet-earn-card .noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	right: -10px;
	top: -8px;
	border: 3px solid #2ca9b7;
	border-radius: 999px;
	background: #03334f;
	box-shadow: 0 10px 15px 0 rgba(1, 0, 42, 0.20);
}

.widget-wallet .wallet-earn-card [disabled] .noUi-handle {
	opacity: 0;
	pointer-events: none;
}

.widget-wallet .wallet-earn-card .noUi-active {
	background-color: #036975 !important;
	box-shadow: 0 10px 15px 0 rgba(1, 0, 42, 0.25) !important;
}

.widget-wallet .wallet-earn-card .noUi-handle::before,
.widget-wallet .wallet-earn-card .noUi-handle::after {
	display: none;
}

.widget-wallet .wallet-earn-card__stats.grid,
.widget-wallet .wallet-earn-card__interest.grid {
	display: flex;
	gap: 25px;
}

.widget-wallet .wallet-earn-card__stats > .grid-cell,
.widget-wallet .wallet-earn-card__interest > .grid-cell {
	min-width: 0;
}

.widget-wallet .wallet-earn-card__interest > .grid-cell {
	padding-left: 30px;
}

.widget-wallet .wallet-earn-card__label {
	gap: 10px;
	transition: margin-bottom 0.2s ease;
}

.widget-wallet .wallet-earn-pane:not(.is-earn-adjusting) .wallet-earn-card__value {
	justify-content: flex-start;
}

.widget-wallet .wallet-earn-card__interest {
	margin-top: 24px;
}

.widget-wallet .wallet-earn-card__interest .grid-cell + .grid-cell {
	padding-left: 30px;
}

.widget-wallet .wallet-earn-card__actions {
	display: block;
	text-align: center;
}

.widget-wallet .wallet-earn-adjust-default[hidden],
.widget-wallet .wallet-earn-adjust-active[hidden] {
	display: none !important;
}

.widget-wallet .wallet-earn-adjust-active .grid {
	justify-content: center;
}

.widget-wallet .wallet-earn-adjust-active .grid-cell {
	flex: 0 0 auto;
}

.widget-wallet .wallet-earn-card__actions .cancel {
	margin-right: 12px;
}

.widget-wallet .wallet-earn-projection {
	min-height: 260px;
}

.widget-wallet .wallet-earn-projection__title {
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 1.2;
}

.widget-wallet .wallet-earn-projection__chart {
	height: 210px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card {
	padding: 18px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__chart {
	height: 120px;
	margin-bottom: 16px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__value {
	font-size: 16px;
	padding-right: 12px;
	padding-left: 12px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-pane:not(.is-earn-adjusting) .wallet-earn-card__value {
	padding: 0;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__actions {
	margin-top: 22px;
}

.grid-stack-item:is([gs-h="4"], [gs-h="5"]) .widget-wallet .wallet-earn-card__chart {
	height: 108px;
	margin-bottom: 14px;
}

.grid-stack-item:is([gs-h="4"], [gs-h="5"]) .widget-wallet .wallet-earn-card__slider {
	margin-bottom: 20px;
}

.grid-stack-item:is([gs-h="4"], [gs-h="5"]) .widget-wallet .wallet-earn-card__interest {
	margin-top: 18px;
}

/* ==========================================================================
   15. Asset detail modal shell
   ========================================================================== */

body.wallet-asset-modal-open {
	overflow: hidden;
}

.wallet-asset-modal {
	position: fixed;
	inset: 0;
	z-index: 1800;
	display: grid;
	place-items: center;
	height: auto;
	min-height: 0;
	padding: clamp(12px, 3vw, 28px);
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s ease,
		visibility 0s linear 0.3s;
}

.wallet-asset-modal.wallet-asset-modal--opening {
	visibility: visible;
	pointer-events: none;
	opacity: 0;
}

.wallet-asset-modal.modal-show,
.wallet-asset-modal.is-open {
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
	transition: opacity 0.3s ease;
}

.wallet-asset-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(1, 0, 42, 0.74);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.wallet-asset-modal.wallet-asset-modal--opening .wallet-asset-modal__backdrop {
	opacity: 0;
}

.wallet-asset-modal.modal-show .wallet-asset-modal__backdrop,
.wallet-asset-modal.is-open .wallet-asset-modal__backdrop {
	opacity: 1;
}

.wallet-asset-modal__panel {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: min(900px, calc(100vw - 28px));
	max-height: min(860px, calc(100vh - 28px));
	overflow: hidden;
	border: 1px solid rgba(44, 169, 183, 0.42);
	border-radius: 30px;
	background: radial-gradient(circle at 16% 0%, rgba(44, 169, 183, 0.28) 0%, rgba(44, 169, 183, 0) 38%),
		linear-gradient(171deg, rgba(44, 169, 183, 0.34) 0%, rgba(44, 169, 183, 0) 52%),
		#0c2a4d;
	box-shadow: 0 28px 90px rgba(1, 0, 42, 0.62),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	opacity: 0;
	transform: scale(0.7);
	transform-origin: center center;
	transition: opacity 0.3s ease,
		transform 0.3s ease;
}

.wallet-asset-modal.wallet-asset-modal--opening .wallet-asset-modal__panel {
	opacity: 0;
	transform: scale(0.7);
}

.wallet-asset-modal.modal-show .wallet-asset-modal__panel,
.wallet-asset-modal.is-open .wallet-asset-modal__panel {
	opacity: 1;
	transform: scale(1);
}

.wallet-asset-modal__panel::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	border-radius: inherit;
	background-image: url("../img/feature/background-synergy-dynamic.svg");
	background-size: 260%;
	background-position: center 58%;
	opacity: 0.14;
	pointer-events: none;
}

.wallet-asset-modal__header,
.wallet-asset-modal__content {
	position: relative;
	z-index: 1;
}

.wallet-asset-modal__header {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	grid-template-areas: "asset tabs close";
	align-items: center;
	gap: 18px;
	padding: 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	background: linear-gradient(180deg, rgba(12, 42, 77, 0.74) 0%, rgba(12, 42, 77, 0) 100%);
}

.wallet-asset-modal__asset {
	grid-area: asset;
	display: flex;
	align-items: center;
	justify-self: start;
	min-width: 0;
	gap: 14px;
}

.wallet-asset-modal__logo {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 999px;
	object-fit: contain;
}

.wallet-asset-modal__title-wrap {
	min-width: 0;
}

.wallet-asset-modal__title-wrap .label {
	display: none;
	margin-bottom: 2px;
	font-size: 12px;
}

.wallet-asset-modal__title-wrap h3 {
	min-width: 0;
	overflow: hidden;
	margin: 0;
	font-family: "tex-gyre-adventor-bold";
	font-size: 25px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wallet-asset-modal__tabs {
	grid-area: tabs;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-self: center;
	min-width: 0;
	max-width: 100%;
}

.wallet-asset-modal__close {
	display: none;
	grid-area: close;
	justify-self: end;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border: 1px solid rgba(44, 169, 183, 0.18);
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(10, 37, 69, 0.98) 0%, rgba(14, 50, 81, 0.98) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 10px 24px rgba(1, 0, 42, 0.24);
	color: rgba(255, 255, 255, 0.86);
	font-size: 25px;
	line-height: 1;
	cursor: pointer;
	transition: background 160ms ease,
		color 160ms ease,
		transform 160ms ease;
}

.wallet-asset-modal__close:hover,
.wallet-asset-modal__close:focus-visible {
	background: linear-gradient(180deg, #36cbdc 0%, #2ca9b7 100%);
	color: #ffffff;
	transform: translateY(-1px);
}

.wallet-asset-modal__content {
	padding: 25px;
}

.wallet-asset-modal__content::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

.wallet-asset-modal__content::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.28);
}

.wallet-asset-modal .asset-manager-details {
	max-height: none !important;
	overflow: visible !important;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	background-image: none;
	box-shadow: none;
	opacity: 1;
	transform: none;
	transition: none;
}

.wallet-asset-modal .asset-manager-details__inner,
.wallet-asset-modal .asset-manager-details__panes,
.wallet-asset-modal .asset-manager-pane,
.wallet-asset-modal .asset-manager-pane.is-active {
	min-width: 0;
	max-width: 100%;
}

.wallet-asset-modal__tabs .asset-manager-details__tabs.toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	max-width: min(100%, 560px);
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	white-space: nowrap;
}

.wallet-asset-modal__tabs .asset-manager-details__tabs.toggle::-webkit-scrollbar {
	display: none;
}

.wallet-asset-modal__tabs .asset-manager-details__tabs.toggle .asset-manager-tab {
	float: none;
	flex: 0 0 auto;
	font-size: 12px;
	white-space: nowrap;
}

.wallet-asset-modal .asset-manager-overview__grid.grid,
.wallet-asset-modal .asset-manager-info.grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
	gap: 26px;
	align-items: start;
}

.wallet-asset-modal .asset-manager-overview__chart,
.wallet-asset-modal .asset-manager-overview__activity,
.wallet-asset-modal .asset-manager-info__copy,
.wallet-asset-modal .asset-manager-info__meta {
	min-width: 0;
}

.wallet-asset-modal .asset-manager-chart {
	min-height: 210px;
}

.wallet-asset-modal .asset-manager-details__activity-list {
	max-height: 260px;
}

.wallet-asset-modal .asset-manager-info__meta {
	width: 100%;
	flex: initial;
}

.wallet-asset-modal .wallet-earn-pane__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.82fr);
	gap: 26px;
	align-items: start;
}

.wallet-asset-modal .wallet-earn-card,
.wallet-asset-modal .wallet-earn-projection {
	min-width: 0;
}

.wallet-asset-modal .wallet-swap-pane,
.wallet-asset-modal .wallet-swap-pane__left,
.wallet-asset-modal .wallet-swap-pane__cards,
.wallet-asset-modal .wallet-swap-pane__summary {
	min-width: 0;
	max-width: 100%;
}

.wallet-asset-modal .wallet-swap-pane {
	display: block;
}

.wallet-asset-modal .wallet-swap-pane__left {
	padding: 24px;
}

.wallet-asset-modal .wallet-swap-pane__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: stretch;
	gap: 16px;
}

.wallet-asset-modal .wallet-swap-pane__summary {
	margin-top: 18px;
}

.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-asset-modal__panel,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-asset-modal__content,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .asset-manager-details__inner,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .asset-manager-details__panes,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .asset-manager-pane.is-active,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-pane,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-pane__left,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-pane__cards,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-card,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-card__control,
.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-card__footer {
	overflow: visible;
}

.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-pane__left {
	position: relative;
	z-index: 20;
}

.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-pane__right {
	position: relative;
	z-index: 1;
}

.wallet-asset-modal.wallet-asset-modal--swap-picker-open .wallet-swap-picker {
	z-index: 120;
}

.wallet-asset-modal.wallet-asset-modal--swap-picker-open-to .wallet-swap-card--to {
	z-index: 30;
}

.wallet-asset-modal.wallet-asset-modal--swap-picker-open-to .wallet-swap-card--to .wallet-swap-picker {
	z-index: 130;
}

@media (prefers-reduced-motion: reduce) {
	.wallet-asset-modal,
	.wallet-asset-modal__backdrop,
	.wallet-asset-modal__panel {
		transition: none !important;
	}

	.wallet-asset-modal__panel {
		transform: none;
	}
}

@media (max-width: 760px) {
	.wallet-asset-modal {
		padding: 10px;
		place-items: stretch;
	}

	.wallet-asset-modal__panel {
		width: 100%;
		max-height: calc(100vh - 20px);
		border-radius: 26px;
	}

	.wallet-asset-modal__header {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas: "asset close"
			"tabs tabs";
		gap: 12px 16px;
		padding: 18px 18px 12px;
	}

	.wallet-asset-modal__tabs {
		justify-content: flex-start;
		justify-self: stretch;
	}

	.wallet-asset-modal__tabs .asset-manager-details__tabs.toggle {
		width: 100%;
		max-width: 100%;
		justify-content: flex-start;
	}

	.wallet-asset-modal__content {
		padding: 18px;
	}

	.wallet-asset-modal .asset-manager-overview__grid.grid,
	.wallet-asset-modal .asset-manager-info.grid,
	.wallet-asset-modal .wallet-earn-pane__grid,
	.wallet-asset-modal .wallet-swap-pane__cards,
	.wallet-asset-modal .wallet-swap-pane__summary {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}

	.wallet-asset-modal .wallet-swap-pane__arrow {
		display: flex;
		justify-content: center;
		transform: rotate(90deg);
	}

	.wallet-asset-modal .wallet-swap-pane__left {
		padding: 18px;
	}

	.wallet-asset-modal .wallet-swap-card__control {
		grid-template-columns: minmax(0, 1fr);
	}

	.wallet-asset-modal .wallet-swap-select--asset {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}
}

@media (max-height: 720px) {
	.wallet-asset-modal__panel {
		max-height: calc(100vh - 20px);
	}

	.wallet-asset-modal__header {
		padding-top: 16px;
		padding-bottom: 10px;
	}

	.wallet-asset-modal__content {
		padding-top: 16px;
	}

	.wallet-asset-modal .asset-manager-chart {
		min-height: 170px;
	}

	.wallet-asset-modal .wallet-earn-card__chart,
	.wallet-asset-modal .wallet-earn-projection__chart {
		height: 150px;
	}
}

/* ==========================================================================
   16. Earn pane layout polish
   ========================================================================== */

.widget-wallet .wallet-earn-card {
	--wallet-earn-swatch-size: 20px;
	--wallet-earn-swatch-gap: 10px;
	--wallet-earn-value-indent: calc(var(--wallet-earn-swatch-size) + var(--wallet-earn-swatch-gap));
}

.widget-wallet .wallet-earn-card__slider {
	margin-bottom: 25px;
}

.widget-wallet .wallet-earn-card__stats.grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 25px;
	align-items: start;
}

.widget-wallet .wallet-earn-card__stat {
	min-width: 0;
}

.widget-wallet .wallet-earn-card__label {
	display: grid;
	grid-template-columns: var(--wallet-earn-swatch-size) minmax(0, 1fr);
	align-items: center;
	column-gap: var(--wallet-earn-swatch-gap);
	margin-bottom: 10px;
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	line-height: var(--wallet-earn-swatch-size);
}

.widget-wallet .wallet-earn-card__label-text {
	min-width: 0;
}

.widget-wallet .wallet-earn-card__swatch {
	width: var(--wallet-earn-swatch-size);
	height: var(--wallet-earn-swatch-size);
	flex: 0 0 var(--wallet-earn-swatch-size);
	border-radius: 6px;
}

.widget-wallet .wallet-earn-card__swatch--supplied {
	background-color: #2ca9b7;
	background-image: linear-gradient(0deg, rgb(39,153,166) 0%, rgb(46,181,196) 100%);
	box-shadow: 0 10px 10px 0 rgba(12, 42, 77, 0.25);
}

.widget-wallet .wallet-earn-card__swatch--available {
	background-color: #0e4362;
}

.widget-wallet .wallet-earn-card__value {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 8px 18px;
	border: 2px solid transparent;
	border-radius: 14px;
	background: #0b3e5e;
	box-shadow: inset 0 10px 15px 0 rgba(1, 0, 42, 0.25);
	color: #ffffff;
	font-size: 18px;
	line-height: 1.1;
	text-align: center;
	transition: background-color 0.2s ease,
		box-shadow 0.2s ease,
		padding 0.2s ease,
		font-size 0.2s ease;
}

.widget-wallet .wallet-earn-pane:not(.is-earn-adjusting) .wallet-earn-card__label {
	margin-bottom: 6px;
}

.widget-wallet .wallet-earn-pane:not(.is-earn-adjusting) .wallet-earn-card__value {
	display: block;
	min-height: 0;
	padding: 0 0 0 var(--wallet-earn-value-indent);
	border-color: transparent;
	background: transparent;
	box-shadow: none;
	font-size: 18px;
	line-height: 1.15;
	text-align: left;
	white-space: nowrap;
}

.widget-wallet .wallet-earn-card__interest.grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 25px;
	align-items: start;
	margin-top: 20px;
}

.widget-wallet .wallet-earn-card__interest-item {
	min-width: 0;
}

.widget-wallet .wallet-earn-card__interest .metadata {
	margin: 0;
}

.widget-wallet .wallet-earn-card__interest dt {
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	line-height: 1.2;
}

.widget-wallet .wallet-earn-card__interest dd {
	margin-left: 0;
	font-size: 16px;
	line-height: 1.15;
}

.widget-wallet .wallet-earn-card__actions {
	margin-top: 30px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card,
.wallet-asset-modal .widget-wallet .wallet-earn-card,
.wallet-asset-modal .wallet-earn-card {
	--wallet-earn-swatch-size: 20px;
	--wallet-earn-swatch-gap: 10px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__stats.grid,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-card__interest.grid {
	gap: 22px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-earn-pane:not(.is-earn-adjusting) .wallet-earn-card__value {
	padding-left: var(--wallet-earn-value-indent);
	font-size: 18px;
}

@media (max-width: 560px) {
	.wallet-asset-modal .wallet-earn-card__stats.grid,
	.wallet-asset-modal .wallet-earn-card__interest.grid {
		gap: 18px;
	}

	.wallet-asset-modal .wallet-earn-pane:not(.is-earn-adjusting) .wallet-earn-card__value {
		font-size: 18px;
	}
}

@media (max-width: 430px) {
	.wallet-asset-modal .wallet-earn-card__stats.grid,
	.wallet-asset-modal .wallet-earn-card__interest.grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
	}
}

/* ==========================================================================
   17. Send / Receive pane
   ========================================================================== */

.widget-wallet .wallet-transfer-pane {
	--wallet-transfer-panel-padding: 30px;
	--wallet-transfer-gap: 24px;
	--wallet-transfer-asset-col: 135px;
	--wallet-transfer-control-height: 50px;
	--wallet-transfer-footer-height: 40px;
	/* Bridge the Send controls onto the exact same variables used by Swap. */
	--wallet-swap-asset-col: var(--wallet-transfer-asset-col);
	--wallet-swap-control-height: var(--wallet-transfer-control-height);
	--wallet-swap-footer-height: var(--wallet-transfer-footer-height);
	--wallet-swap-panel-pad: var(--wallet-transfer-panel-padding);
	min-width: 0;
}

.widget-wallet .wallet-transfer-pane__grid {
	display: grid;
	grid-template-columns: minmax(320px, 420px) minmax(280px, 1fr);
	gap: var(--wallet-transfer-gap);
	align-items: stretch;
}

.widget-wallet .wallet-transfer-panel {
	min-width: 0;
	padding: var(--wallet-transfer-panel-padding);
	border: 1px solid rgba(44, 169, 183, 0.30);
	border-radius: 25px;
	background: linear-gradient(171deg, rgba(44, 169, 183, 0.18) 0%, rgba(44, 169, 183, 0) 54%),
		rgba(12, 42, 77, 0.44);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06),
		0 18px 44px rgba(1, 0, 42, 0.16);
}

.widget-wallet .wallet-transfer-panel--send {
	background-image: linear-gradient(135deg, rgba(32, 121, 143, 1) 0%, rgba(19, 70, 109, 1) 100%);
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017),
		0 6.7px 5.3px rgba(0, 0, 0, 0.024),
		0 12.5px 10px rgba(0, 0, 0, 0.03),
		0 22.3px 17.9px rgba(0, 0, 0, 0.036),
		0 41.8px 33.4px rgba(0, 0, 0, 0.043),
		0 100px 80px rgba(0, 0, 0, 0.06);
}

/* Send reuses the Swap card structure so its amount input renders identically. */
.widget-wallet .wallet-transfer-panel--send.wallet-swap-pane--trade-layout {
	position: relative;
	padding: var(--wallet-swap-panel-pad);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 25px;
	background-color: #0c2a4d;
	background-image: linear-gradient(135deg, rgba(32, 121, 143, 1) 0%, rgba(19, 70, 109, 1) 100%);
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017),
		0 6.7px 5.3px rgba(0, 0, 0, 0.024),
		0 12.5px 10px rgba(0, 0, 0, 0.03),
		0 22.3px 17.9px rgba(0, 0, 0, 0.036),
		0 41.8px 33.4px rgba(0, 0, 0, 0.043),
		0 100px 80px rgba(0, 0, 0, 0.06);
}

.widget-wallet .wallet-transfer-panel--send.wallet-swap-pane--trade-layout .wallet-swap-pane__cards {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.wallet-asset-modal .wallet-transfer-panel--send.wallet-swap-pane--trade-layout {
	padding: 30px;
	border: 0;
	background-color: initial;
}

.wallet-asset-modal .wallet-transfer-panel--send.wallet-swap-pane--trade-layout::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border: 1px solid #ffffff;
	border-radius: 25px;
	box-sizing: border-box;
	mix-blend-mode: soft-light;
	opacity: 0.5;
}

.widget-wallet .wallet-transfer-panel__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
}

.widget-wallet .wallet-transfer-panel__header h4 {
	margin: 0;
	font-family: "tex-gyre-adventor-bold";
	font-size: 25px;
	font-weight: normal;
	line-height: 1.1;
}

.widget-wallet .wallet-transfer-panel__header .label {
	margin-top: 4px;
	line-height: 1.25;
}

.widget-wallet .wallet-transfer-panel__header > .label {
	flex: 0 0 auto;
	max-width: 180px;
	text-align: right;
}

.widget-wallet .wallet-transfer-card__control {
	grid-template-columns: minmax(118px, var(--wallet-transfer-asset-col)) minmax(0, 1fr);
	min-height: var(--wallet-transfer-control-height);
	border-radius: 15px 15px 0 0;
}

.widget-wallet .wallet-transfer-select--asset {
	min-height: var(--wallet-transfer-control-height);
	height: var(--wallet-transfer-control-height);
	padding: 10px 30px 10px 50px;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	border-bottom: 0;
	font-size: 15px;
	line-height: 1;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.widget-wallet .wallet-transfer-select--asset:disabled {
	cursor: default;
	opacity: 1;
}

.widget-wallet .wallet-transfer-select--asset::before {
	left: 16px;
	width: 25px;
	height: 25px;
}

.widget-wallet .wallet-transfer-card__amount {
	height: var(--wallet-transfer-control-height);
	min-height: var(--wallet-transfer-control-height);
	padding: 6px 18px 5px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top-right-radius: 15px;
}

.widget-wallet .wallet-transfer-card__amount input[type="text"] {
	height: 20px;
	min-height: 20px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	font-size: 16px;
	line-height: 20px;
}

.widget-wallet .wallet-transfer-card__amount input[type="text"]:hover,
.widget-wallet .wallet-transfer-card__amount input[type="text"]:focus {
	border: 0;
	box-shadow: none;
}

.widget-wallet .wallet-transfer-card__amount .label {
	margin-top: 2px;
	font-size: 12px;
	line-height: 1.1;
}

.widget-wallet .wallet-transfer-card__footer {
	position: relative;
	min-height: var(--wallet-transfer-footer-height);
	padding: 6px 15px 7px;
	border-radius: 0 0 15px 15px;
	overflow: visible;
}

.widget-wallet .wallet-transfer-card__footer .wallet-copy,
.widget-wallet .wallet-copy--transfer-card {
	top: 28px;
	left: auto;
	right: 0;
	width: 135px;
	text-align: center;
	z-index: 80;
}

.widget-wallet .wallet-transfer-select--chain {
	max-width: 55%;
	padding: 0 18px 0 27px;
	font-size: 14px;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.widget-wallet .wallet-transfer-select--chain::before {
	width: 18px;
	height: 18px;
}

.widget-wallet .wallet-transfer-address-button {
	font-size: 14px;
	line-height: 1;
	white-space: nowrap;
}

.widget-wallet .wallet-transfer-picker {
	left: 0;
	right: 0;
}

.widget-wallet .wallet-transfer-quick {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.widget-wallet .wallet-transfer-quick > button {
	border: 0;
	border-radius: 999px;
	padding: 1px 12px;
	color: #ffffff;
	cursor: pointer;
	font-family: "tex-gyre-adventor-regular";
	background-color: #134563;
	background-image: linear-gradient(0deg, rgba(30, 131, 143, 0.35) 0%, rgba(54, 203, 220, 0.35) 100%);
	box-shadow: 0 10px 10px 0 rgba(1, 0, 42, 0.01);
}

.widget-wallet .wallet-transfer-quick > button:hover {
	background-image: linear-gradient(0deg, rgba(30, 131, 143, 1) 0%, rgba(54, 203, 220, 1) 100%);
}

/* Send / Receive instant amounts: hidden by default outside the asset modal. */
.widget-wallet .wallet-transfer-quick {
	display: none;
}

.wallet-asset-modal .wallet-transfer-card__amount {
	position: relative;
}

.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick {
	position: absolute;
	left: -25px;
	top: 48px;
	z-index: 90;
	display: block;
	padding: 5px;
	border: 1px solid #2ca9b7;
	border-radius: 25px;
	background: #0c2a4d;
	background-image: linear-gradient(135deg, rgba(32, 121, 143, 1) 0%, rgba(19, 70, 109, 1) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 10px 24px rgba(1, 0, 42, 0.12);
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick.hide {
	display: none;
}

.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick.active {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 0.2s ease;
}

.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick .toggle {
	--toggle-track-bg: linear-gradient(180deg, rgba(10, 37, 69, 0.75) 0%, rgba(14, 50, 81, 0.75) 100%);
	--toggle-track-border: rgba(44, 169, 183, 0.18);
	--toggle-track-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 10px 24px rgba(1, 0, 42, 0.12);
	--toggle-item-text: rgba(255, 255, 255, 0.75);
	--toggle-item-hover-text: #ffffff;
	--toggle-item-hover-bg: rgba(255, 255, 255, 0.06);

	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 5px;
	border: 1px solid var(--toggle-track-border);
	border-radius: 999px;
	background: var(--toggle-track-bg);
	background-image: var(--toggle-track-bg);
	box-shadow: var(--toggle-track-shadow);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	list-style: none;
	vertical-align: middle;
}

.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick .toggle li {
	position: relative;
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	background-image: none;
	box-shadow: none;
	color: var(--toggle-item-text);
	font-family: "tex-gyre-adventor-regular";
	font-size: 12px;
	line-height: 1;
	list-style: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: background 160ms ease,
		color 160ms ease,
		box-shadow 160ms ease;
}

.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick .toggle li:hover,
.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick .toggle li:focus {
	background: var(--toggle-item-hover-bg);
	background-image: none;
	box-shadow: none;
	color: var(--toggle-item-hover-text);
}

.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick .toggle li:focus-visible {
	outline: 2px solid rgba(54, 203, 220, 0.85);
	outline-offset: 2px;
}

.widget-wallet .wallet-transfer-field {
	display: block;
	margin-top: 15px;
}

.widget-wallet .wallet-transfer-field > .label {
	display: block;
	margin-bottom: 8px;
}

.widget-wallet .wallet-transfer-address-input {
	width: 100%;
	min-height: 83px;
	height: 83px;
	padding: 14px 16px;
	border: 2px solid transparent;
	border-radius: 15px;
	outline: none;
	color: #ffffff;
	background-color: #0b3e5e;
	box-shadow: 0 10px 15px 0 rgba(1, 0, 42, 0.25) inset;
	font-family: "tex-gyre-adventor-regular";
	font-size: 14px;
	line-height: 1.35;
	resize: vertical;
	transition: border 0.3s ease;
}
.widget-wallet .wallet-transfer-panel h4 {
	font-size: 25px;
	margin-bottom: 10px;
}
.widget-wallet .wallet-transfer-address-input:hover,
.widget-wallet .wallet-transfer-address-input:focus {
	border-color: #2ca9b7;
	transition: border 0.2s ease;
}

.widget-wallet .wallet-transfer-summary {
	margin-top: 18px;
}

.widget-wallet .wallet-transfer-summary__meta {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.widget-wallet .wallet-transfer-summary__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
}

.widget-wallet .wallet-transfer-summary__row strong {
	color: #2fccdc;
	font-family: "tex-gyre-adventor-regular";
	font-weight: normal;
	text-align: right;
}

.widget-wallet .wallet-transfer-receive-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 25px;
	overflow: visible;
}

.widget-wallet .wallet-transfer-receive-card__asset {
	display: flex;
	align-items: center;
	gap: 16px;
}

.widget-wallet .wallet-transfer-receive-card__logo {
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	border-radius: 999px;
	background-image: var(--wallet-transfer-receive-logo);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.widget-wallet .wallet-transfer-receive-card__symbol {
	font-family: "tex-gyre-adventor-bold";
	font-size: 22px;
	line-height: 1.1;
}

.widget-wallet .wallet-transfer-receive-card__qr-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: center;
	width: min(100%, 230px);
	min-height: 170px;
	padding: 12px;
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70),
		0 14px 34px rgba(1, 0, 42, 0.20);
}

.widget-wallet .wallet-transfer-receive-card__qr {
	display: block;
	width: var(--wallet-transfer-qr-size, 176px);
	height: var(--wallet-transfer-qr-size, 176px);
	max-width: 100%;
	border-radius: 12px;
}

.widget-wallet .wallet-transfer-receive-card__qr.hide {
	display: none;
}

.widget-wallet .wallet-transfer-receive-card__qr-empty {
	margin: 0;
	padding: 18px 10px;
	text-align: center;
	color: rgba(12, 42, 77, 0.76);
}

.widget-wallet .wallet-transfer-receive-card__qr-empty.hide {
	display: none;
}

.widget-wallet .wallet-transfer-receive-card__address .label {
	margin-bottom: 5px;
	text-align: center;
}

.widget-wallet .wallet-transfer-receive-card__address {
	position: relative;
	min-width: 0;
	overflow: visible;
	z-index: 2;
}

.widget-wallet .wallet-transfer-receive-card__address .wallet-copy,
.widget-wallet .wallet-copy--receive-address {
	position: absolute;
	top: calc(100% + 8px);
	bottom: auto;
	left: 31%;
	right: auto;
	width: 135px;
	max-width: 100%;
	text-align: center;
	transform: none;
	z-index: 80;
}

.widget-wallet .wallet-transfer-receive-card__address .wallet-transfer-address-button {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow: visible;
	text-align: left;
	text-overflow: clip;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	line-height: 1.35;
	text-align: center;
}

@container (max-width: 760px) {
	.widget-wallet .wallet-transfer-pane__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.widget-wallet .wallet-transfer-panel {
		padding: 24px;
	}
}

@container (max-width: 520px) {
	.widget-wallet .wallet-transfer-pane {
		--wallet-transfer-panel-padding: 18px;
		--wallet-transfer-gap: 16px;
		--wallet-transfer-asset-col: 122px;
	}

	.widget-wallet .wallet-transfer-panel__header {
		flex-direction: column;
		gap: 8px;
	}

	.widget-wallet .wallet-transfer-panel__header > .label {
		max-width: none;
		text-align: left;
	}

	.widget-wallet .wallet-transfer-card__control {
		grid-template-columns: minmax(108px, var(--wallet-transfer-asset-col)) minmax(0, 1fr);
	}

	.widget-wallet .wallet-transfer-select--asset {
		padding-left: 42px;
		padding-right: 22px;
		font-size: 14px;
	}

	.widget-wallet .wallet-transfer-select--asset::before {
		left: 13px;
		width: 22px;
		height: 22px;
	}

	.widget-wallet .wallet-transfer-select--chain {
		max-width: 48%;
	}

	.widget-wallet .wallet-transfer-address-button {
		max-width: 48%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.widget-wallet .wallet-transfer-receive-card {
		min-height: 0;
		padding: 18px;
	}
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-transfer-pane__grid,
.grid-stack-item:is([gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-transfer-pane__grid {
	grid-template-columns: minmax(0, 1fr);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-transfer-panel {
	padding: 18px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .wallet-transfer-pane {
	--wallet-transfer-asset-col: 118px;
}

.wallet-asset-modal .wallet-transfer-pane {
	--wallet-transfer-panel-padding: clamp(24px, 2.2vw, 30px);
	--wallet-transfer-gap: clamp(20px, 2.4vw, 28px);
	--wallet-transfer-asset-col: 135px;
}

.wallet-asset-modal .widget-wallet .wallet-transfer-pane__grid,
.wallet-asset-modal .wallet-transfer-pane__grid {
	display: grid;
	grid-template-columns: minmax(340px, 0.95fr) minmax(280px, 0.85fr);
	gap: var(--wallet-transfer-gap);
	align-items: stretch;
}

.wallet-asset-modal .wallet-transfer-panel {
	min-width: 0;
	margin-bottom: 0;
}

.wallet-asset-modal .wallet-transfer-receive-card__qr-wrap {
	width: min(70%, 200px);
	min-height: 170px;
}

@media (max-width: 560px) {
	.wallet-asset-modal .wallet-transfer-pane {
		--wallet-transfer-panel-padding: 18px;
		--wallet-transfer-gap: 16px;
		--wallet-transfer-asset-col: 122px;
	}
}

@container (max-width: 520px) {
	.widget-wallet .wallet-transfer-receive-card__qr-wrap {
		width: min(100%, 200px);
		min-height: 148px;
		padding: 10px;
		border-radius: 18px;
	}

	.widget-wallet .wallet-transfer-receive-card__qr {
		border-radius: 10px;
	}
}

/* ==========================================================================
   18. Overview price chart
   ========================================================================== */

.widget-wallet .asset-manager-overview__top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-width: 0;
	margin-bottom: 12px;
}

.widget-wallet .asset-manager-overview__summary {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
	min-width: 0;
}

.widget-wallet .asset-manager-overview__asset {
	flex: 0 0 100%;
	margin: 0;
	font-family: "tex-gyre-adventor-bold";
	font-weight: normal;
	font-size: 18px;
	line-height: 1.15;
	display: none;
}

.widget-wallet .asset-manager-overview__price {
	flex: 0 0 auto;
	font-size: 24px;
	line-height: 1;
	color: #ffffff;
	white-space: nowrap;
}

.widget-wallet .asset-manager-overview__change {
	display: inline-flex;
	align-items: baseline;
	flex: 0 0 auto;
	margin-top: 0;
	font-size: 16px;
	line-height: 1;
	color: rgba(255, 255, 255, 0.75);
	white-space: nowrap;
}

.widget-wallet .asset-manager-overview__change.is-pos .asset-manager-overview__change-value {
	color: #2fccdc;
}

.widget-wallet .asset-manager-overview__change.is-neg .asset-manager-overview__change-value {
	color: #fb6a6a;
}

.widget-wallet .asset-manager-overview__change.is-flat .asset-manager-overview__change-value {
	color: rgba(255, 255, 255, 0.82);
}

.widget-wallet .asset-manager-overview__change-period {
	font-size: 11px;
	opacity: 0.8;
	display: none;
}

.widget-wallet .asset-manager-overview__chart-type-toggle.toggle,
.widget-wallet .asset-manager-overview__period-toggle.toggle {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	max-width: 100%;
	margin: 0;
	padding: 4px;
	overflow-x: auto;
	overflow-y: hidden;
	border-radius: 999px;
	scrollbar-width: none;
}

.widget-wallet .asset-manager-overview__chart-type-toggle.toggle::-webkit-scrollbar,
.widget-wallet .asset-manager-overview__period-toggle.toggle::-webkit-scrollbar {
	display: none;
}

.widget-wallet .asset-manager-overview__chart-type-toggle.toggle li,
.widget-wallet .asset-manager-overview__period-toggle.toggle li {
	float: none;
	flex: 0 0 auto;
	margin-right: 2px;
	padding: 5px 9px;
	font-size: 11px;
	line-height: 1.1;
	white-space: nowrap;
	background: transparent;
	box-shadow: none;
}

.widget-wallet .asset-manager-overview__chart-type-toggle.toggle li:last-of-type,
.widget-wallet .asset-manager-overview__period-toggle.toggle li:last-of-type {
	margin-right: 0;
}

.widget-wallet .asset-manager-overview__chart-type-toggle.toggle li.active,
.widget-wallet .asset-manager-overview__chart-type-toggle.toggle li.is-active,
.widget-wallet .asset-manager-overview__chart-type-toggle.toggle li:hover,
.widget-wallet .asset-manager-overview__period-toggle.toggle li.active,
.widget-wallet .asset-manager-overview__period-toggle.toggle li.is-active,
.widget-wallet .asset-manager-overview__period-toggle.toggle li:hover {
	background: linear-gradient(0deg, rgb(39, 153, 166) 0%, rgb(46, 181, 196) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26),
		0 8px 16px rgba(1, 0, 42, 0.18);
}

.widget-wallet .asset-manager-chart.wallet-overview-chart {
	position: relative;
	height: var(--wallet-details-chart-height);
	min-height: var(--wallet-details-chart-min);
	overflow: visible;
	isolation: isolate;
}

/*
 * The asset modal is appended to <body>, so it cannot rely on GridStack card
 * inheritance for chart tooltip variables. Keep the tooltip label on the
 * Balanced-branded surface instead of the generic dark chart fallback.
 */
.wallet-asset-modal,
.balanced-price-chart {
	--apy-chart-label-bg: rgba(39, 83, 110, 0.94);
	--apy-chart-label-text: #ffffff;
}

.widget-wallet .apw-tooltip,
.wallet-asset-modal .apw-tooltip,
.balanced-price-chart .apw-tooltip,
.widget-wallet .wallet-overview-tooltip,
.widget-wallet .wallet-swap-chart-tooltip,
.balanced-price-chart .wallet-swap-chart-tooltip {
	position: absolute;
	z-index: 10;
	padding: 5px 10px;
	border: 1px solid rgba(44, 169, 183, 0.5);
	border-radius: 12px;
	background:
		linear-gradient(135deg, rgba(32, 121, 143, 0.5) 0%, rgba(23, 86, 120, 0.5) 100%),
		var(--apy-chart-label-bg, rgba(39, 83, 110, 0.94));
	box-shadow: 7px 7px 25px 0 rgba(1, 0, 42, 0.25);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	color: var(--apy-chart-label-text, #ffffff);
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	transform: translate(-50%, -100%);
}

.wallet-asset-modal .apw-tooltip,
.wallet-asset-modal .wallet-overview-tooltip,
.wallet-asset-modal .wallet-swap-chart-tooltip,
.balanced-price-chart .wallet-swap-chart-tooltip {
	z-index: 120;
	min-width: 80px;
}

.widget-wallet .apw-tooltip .row.date,
.wallet-asset-modal .apw-tooltip .row.date,
.balanced-price-chart .apw-tooltip .row.date,
.widget-wallet .wallet-overview-tooltip .row.date,
.widget-wallet .wallet-swap-chart-tooltip .row.date,
.balanced-price-chart .wallet-swap-chart-tooltip .row.date {
	margin-bottom: 2px;
	color: rgba(255, 255, 255, 0.75);
	opacity: 1;
}

.widget-wallet .apw-tooltip .row.value,
.wallet-asset-modal .apw-tooltip .row.value,
.balanced-price-chart .apw-tooltip .row.value,
.widget-wallet .wallet-overview-tooltip .row.value,
.widget-wallet .wallet-swap-chart-tooltip .row.value,
.balanced-price-chart .wallet-swap-chart-tooltip .row.value {
	margin-bottom: 2px;
	color: #ffffff;
	font-size: 14px;
	font-family: inherit;
	font-weight: normal;
}

.widget-wallet .wallet-overview-custom-time-axis {
	text-shadow: 0 1px 2px rgba(1, 0, 42, 0.24);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__top {
	flex-direction: column;
	gap: 10px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__toggles,
.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__chart-type-toggle.toggle,
.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__period-toggle.toggle {
	width: 100%;
	align-items: stretch;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-overview__price {
	font-size: 21px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-overview__chart-type-toggle.toggle li,
.grid-stack-item:is([gs-w="4"], [gs-w="5"]) .widget-wallet .asset-manager-overview__period-toggle.toggle li {
	padding-right: 8px;
	padding-left: 8px;
	font-size: 10px;
}

.wallet-asset-modal .asset-manager-overview__top {
	align-items: flex-start;
	margin-bottom: 10px;
}

.wallet-asset-modal .asset-manager-overview__price {
	font-size: 20px;
}

.wallet-asset-modal .asset-manager-chart.wallet-overview-chart {
	min-height: 250px;
}

@media (max-width: 860px) {
	.wallet-asset-modal .asset-manager-overview__top {
		flex-direction: column;
		gap: 12px;
	}

	.wallet-asset-modal .asset-manager-overview__toggles,
	.wallet-asset-modal .asset-manager-overview__chart-type-toggle.toggle,
	.wallet-asset-modal .asset-manager-overview__period-toggle.toggle {
		width: 100%;
		align-items: stretch;
	}
}

@media (max-width: 560px) {
	.wallet-asset-modal .asset-manager-overview__price {
		font-size: 24px;
	}

	.wallet-asset-modal .asset-manager-chart.wallet-overview-chart {
		min-height: 205px;
	}
}

@media (max-height: 720px) {
	.wallet-asset-modal .asset-manager-chart.wallet-overview-chart {
		min-height: 180px;
	}
}

/* ==========================================================================
   19. Swap pane trade layout
   ========================================================================== */

.widget-wallet .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-panel-width: 370px;
	--wallet-swap-panel-pad: 30px;
	--wallet-swap-chart-height: clamp(300px, 34vw, 430px);
	--wallet-swap-chart-gap: 24px;
	display: grid;
	grid-template-columns: minmax(300px, var(--wallet-swap-panel-width)) minmax(0, 1fr);
	gap: var(--wallet-swap-chart-gap);
	align-items: stretch;
	min-width: 0;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__left,
.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__right {
	min-width: 0;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__left {
	padding: var(--wallet-swap-panel-pad);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 25px;
	background-color: #0c2a4d;
	background-image: linear-gradient(135deg, rgba(32, 121, 143, 1) 0%, rgba(19, 70, 109, 1) 100%);
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017),
		0 6.7px 5.3px rgba(0, 0, 0, 0.024),
		0 12.5px 10px rgba(0, 0, 0, 0.03),
		0 22.3px 17.9px rgba(0, 0, 0, 0.036),
		0 41.8px 33.4px rgba(0, 0, 0, 0.043),
		0 100px 80px rgba(0, 0, 0, 0.06);
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__right {
	display: flex;
	flex-direction: column;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__cards {
	display: flex;
	grid-template-columns: none;
	flex-direction: column;
	gap: 0;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-card {
	min-width: 0;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-card--to {
	margin-left: 0;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__arrow,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin: 16px auto;
	border: 0;
	color: #ffffff;
	background: transparent;
	display: none;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__arrow span {
	font-size: 22px;
	line-height: 1;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__arrow:hover {
	background-image: linear-gradient(0deg, rgba(30, 131, 143, 1) 0%, rgba(54, 203, 220, 1) 100%);
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__summary {
	display: block;
	grid-template-columns: none;
	margin-top: 20px;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__meta {
	margin-top: 0;
}

.widget-wallet .wallet-swap-chart-panel {
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	min-height: 100%;
}

.widget-wallet .wallet-swap-chart-panel__meta {
	align-items: flex-end;
	gap: 20px;
	margin-bottom: 18px;
}

.widget-wallet .wallet-swap-chart-panel__title,
.widget-wallet .wallet-swap-chart-panel__controls {
	min-width: 0;
}

.widget-wallet .wallet-swap-chart-panel__title h4 {
	margin: 0 0 10px;
	font-family: "tex-gyre-adventor-bold";
	font-weight: normal;
	font-size: 20px;
	line-height: 1.1;
}

.widget-wallet .wallet-swap-chart-panel__controls {
	display: flex;
}

.widget-wallet .wallet-swap-price-pills,
.widget-wallet .wallet-swap-chart-type-toggle,
.widget-wallet .wallet-swap-chart-period-toggle {
	max-width: 100%;
}

.widget-wallet .wallet-swap-price-pills li {
	cursor: pointer;
}

.widget-wallet .wallet-swap-price-pills li:not(.active) {
	color: rgba(255, 255, 255, 0.72);
}

.widget-wallet .wallet-swap-chart-type-toggle li,
.widget-wallet .wallet-swap-chart-period-toggle li,
.widget-wallet .wallet-swap-price-pills li {
	font-size: 12px;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__chart {
	display: block;
	position: relative;
	flex: 1 1 auto;
	width: 100%;
	height: var(--wallet-swap-chart-height);
	min-height: 260px;
	overflow: hidden;
}


.widget-wallet .wallet-swap-custom-time-axis,
.balanced-price-chart .wallet-swap-custom-time-axis {
	font-weight: normal;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-panel-width: 100%;
	--wallet-swap-panel-pad: 16px;
	--wallet-swap-chart-height: 260px;
	grid-template-columns: minmax(0, 1fr);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-swap-chart-panel__meta {
	display: block;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-swap-chart-panel__controls {
	align-items: flex-start;
	margin-top: 12px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-pane__chart {
	min-height: 230px;
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-panel-width: 330px;
	--wallet-swap-panel-pad: 20px;
	--wallet-swap-chart-height: 300px;
	gap: 18px;
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-swap-chart-panel__meta {
	display: block;
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-swap-chart-panel__controls {
	align-items: flex-start;
	margin-top: 12px;
}

.grid-stack-item:is([gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-panel-pad: 24px;
	--wallet-swap-chart-height: 340px;
}

.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-panel-width: 370px;
	--wallet-swap-chart-height: clamp(320px, 36vw, 460px);
	display: grid;
	grid-template-columns: minmax(320px, var(--wallet-swap-panel-width)) minmax(0, 1fr);
	gap: 30px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__left {
	padding: var(--wallet-swap-panel-pad);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__cards {
	grid-template-columns: none;
}

@media (max-width: 980px) {
	.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
		--wallet-swap-panel-width: 100%;
		--wallet-swap-panel-pad: 22px;
		--wallet-swap-chart-height: 300px;
	}

	.wallet-asset-modal .wallet-swap-chart-panel__meta {
		display: block;
	}

	.wallet-asset-modal .wallet-swap-chart-panel__controls {
		align-items: flex-start;
		margin-top: 12px;
	}
}

@media (max-width: 560px) {
	.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
		--wallet-swap-panel-pad: 18px;
		--wallet-swap-chart-height: 250px;
	}

	.wallet-asset-modal .wallet-swap-chart-type-toggle li,
	.wallet-asset-modal .wallet-swap-chart-period-toggle li,
	.wallet-asset-modal .wallet-swap-price-pills li {
		font-size: 12px;
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* ==========================================================================
   20. Swap chart dropdown controls
   ========================================================================== */

.widget-wallet .wallet-swap-chart-panel__controls {
	position: relative;
	z-index: 20;
	align-self: flex-end;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.widget-wallet .wallet-swap-chart-control-dropdown-wrap,
.widget-wallet .wallet-swap-chart-dropdown-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-width: 0;
}

.widget-wallet .wallet-swap-chart-control-dropdown-wrap--period {
	order: 0;
}

.widget-wallet .wallet-swap-chart-control-dropdown-wrap--type {
	order: 1;
}

.widget-wallet .wallet-swap-chart-control-trigger,
.widget-wallet .wallet-swap-chart-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 10px 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #2fccdc;
	font-size: 14px;
	line-height: 1.1;
	white-space: nowrap;
	transition: color 0.2s ease,
		opacity 0.2s ease;
}

.widget-wallet .wallet-swap-chart-control-trigger:hover,
.widget-wallet .wallet-swap-chart-control-trigger.active,
.widget-wallet .wallet-swap-chart-control-trigger.is-open,
.widget-wallet .wallet-swap-chart-trigger:hover,
.widget-wallet .wallet-swap-chart-trigger.active,
.widget-wallet .wallet-swap-chart-trigger.is-open {
	border-color: transparent;
	background: transparent;
	box-shadow: none;
	color: #37d9e8;
}

.widget-wallet .wallet-swap-chart-control-dropdown,
.widget-wallet .wallet-swap-chart-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 90;
	width: max-content;
	min-width: 132px;
	max-width: min(280px, 80vw);
	padding: 6px;
	border: 1px solid #2ca9b7;
	border-radius: 18px;
	background: linear-gradient(0deg, rgba(12, 42, 77, 1) 0%, rgba(12, 42, 77, 0) 52%),
		linear-gradient(171deg, rgba(44, 169, 183, 0.34) 0%, rgba(44, 169, 183, 0) 56%),
		#0c2a4d;
	box-shadow: 0 18px 34px rgba(1, 0, 42, 0.28);
}

.widget-wallet .wallet-swap-chart-control-dropdown.active,
.widget-wallet .wallet-swap-chart-control-dropdown.is-open,
.widget-wallet .wallet-swap-chart-dropdown.active,
.widget-wallet .wallet-swap-chart-dropdown.is-open {
	display: flex;
}

.widget-wallet .wallet-swap-chart-period-dropdown {
	min-width: 134px;
}

.widget-wallet .wallet-swap-chart-control-dropdown::before,
.widget-wallet .wallet-swap-chart-control-dropdown::after,
.widget-wallet .wallet-swap-chart-dropdown::before,
.widget-wallet .wallet-swap-chart-dropdown::after {
	display: none;
}

.widget-wallet .wallet-swap-chart-control-dropdown > .grid-cell,
.widget-wallet .wallet-swap-chart-dropdown > .grid-cell {
	min-width: 0;
}

.widget-wallet .wallet-swap-chart-control-dropdown ul.toggle,
.widget-wallet .wallet-swap-chart-dropdown ul.toggle {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 5px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	border-radius: 0;
}

.widget-wallet .wallet-swap-chart-control-dropdown ul.toggle li,
.widget-wallet .wallet-swap-chart-dropdown ul.toggle li {
	float: none;
	flex: 0 0 auto;
	width: 100%;
	margin: 0;
	padding: 6px 12px;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
	white-space: nowrap;
	background: transparent;
	box-shadow: none;
}

.widget-wallet .wallet-swap-chart-control-dropdown ul.toggle li.active,
.widget-wallet .wallet-swap-chart-control-dropdown ul.toggle li.is-active,
.widget-wallet .wallet-swap-chart-control-dropdown ul.toggle li:hover,
.widget-wallet .wallet-swap-chart-dropdown ul.toggle li.active,
.widget-wallet .wallet-swap-chart-dropdown ul.toggle li.is-active,
.widget-wallet .wallet-swap-chart-dropdown ul.toggle li:hover {
	background: linear-gradient(0deg, rgb(39, 153, 166) 0%, rgb(46, 181, 196) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26),
		0 8px 16px rgba(1, 0, 42, 0.18);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"], [gs-w="8"], [gs-w="9"]) .widget-wallet .wallet-swap-chart-panel__controls {
	justify-content: flex-start;
	gap: 10px;
}

.wallet-asset-modal .wallet-swap-chart-panel__controls {
	gap: 10px;
	max-width: 105px;
}

@media (max-width: 980px) {
	.wallet-asset-modal .wallet-swap-chart-panel__controls {
		justify-content: flex-start;
	}
}

@media (max-width: 560px) {
	.widget-wallet .wallet-swap-chart-control-trigger,
	.widget-wallet .wallet-swap-chart-trigger,
	.wallet-asset-modal .wallet-swap-chart-control-trigger,
	.wallet-asset-modal .wallet-swap-chart-trigger {
		min-height: 29px;
		padding: 4px 10px;
		font-size: 12px;
	}

	.widget-wallet .wallet-swap-chart-control-dropdown ul.toggle li,
	.widget-wallet .wallet-swap-chart-dropdown ul.toggle li,
	.wallet-asset-modal .wallet-swap-chart-control-dropdown ul.toggle li,
	.wallet-asset-modal .wallet-swap-chart-dropdown ul.toggle li {
		font-size: 12px;
		padding: 6px 10px;
	}
}

/* ==========================================================================
   21. Overview modal activity layout
   ========================================================================== */

.wallet-asset-modal .asset-manager-overview__grid.grid {
	align-items: stretch;
}

.widget-wallet .asset-manager-overview__activity,
.wallet-asset-modal .asset-manager-overview__activity {
	--wallet-overview-activity-fallback-height: calc(var(--wallet-details-chart-height, 210px) + 22px);
	display: flex;
	flex-direction: column;
	min-height: 0;
	height: 100%;
	overflow: hidden;
}

.wallet-asset-modal .asset-manager-overview__activity {
	--wallet-overview-activity-fallback-height: 264px;
}

.wallet-asset-modal .asset-manager-overview__activity-header {
	flex: 0 0 auto;
}

.widget-wallet .asset-manager-overview__activity .asset-manager-details__activity-list,
.wallet-asset-modal .asset-manager-overview__activity .asset-manager-details__activity-list {
	flex: 1 1 auto;
	height: var(--wallet-overview-activity-list-height, var(--wallet-overview-activity-fallback-height));
	max-height: var(--wallet-overview-activity-list-height, var(--wallet-overview-activity-fallback-height));
	min-height: 0;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__activity {
	height: auto;
	overflow: visible;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__activity .asset-manager-details__activity-list {
	height: auto;
	max-height: var(--wallet-details-chart-height, 210px);
}

@media (max-width: 860px) and (min-width: 761px) {
	.wallet-asset-modal .asset-manager-overview__activity {
		--wallet-overview-activity-fallback-height: 316px;
	}
}

@media (max-width: 760px) {
	.wallet-asset-modal .asset-manager-overview__grid.grid {
		align-items: start;
	}

	.wallet-asset-modal .asset-manager-overview__activity {
		height: auto;
		overflow: visible;
	}

	.wallet-asset-modal .asset-manager-overview__activity .asset-manager-details__activity-list {
		height: auto !important;
		max-height: 260px !important;
	}
}

/* Match the header Recent activity dropdown inside the wallet overview. */
.widget-wallet .asset-manager-overview__activity-search.search.new,
.wallet-asset-modal .asset-manager-overview__activity-search.search.new {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 14px;
	display: none;
}

.widget-wallet .asset-manager-overview__activity .asset-manager-details__activity-list,
.wallet-asset-modal .asset-manager-overview__activity .asset-manager-details__activity-list {
	font-size: 14px;
	padding: 15px;
	padding-top: 0;
	background-image: url("../img/icon/search2.svg"),
		linear-gradient(0deg, rgb(10, 37, 69) 0%, rgb(14, 50, 81) 100%);
}

.widget-wallet .asset-manager-overview__activity .asset-manager-details__activity-list .list .list-item:first-child,
.wallet-asset-modal .asset-manager-overview__activity .asset-manager-details__activity-list .list .list-item:first-child {
	padding-top: 20px;
}

.widget-wallet .asset-manager-overview__activity .asset-manager-details__activity-list .activity-item > .grid-cell.text-right,
.wallet-asset-modal .asset-manager-overview__activity .asset-manager-details__activity-list .activity-item > .grid-cell.text-right {
	max-width: 95px;
}

.widget-wallet .asset-manager-overview__activity .asset-manager-details__activity-list .list.activity .list-item:not(.parent):not(.secondary) .grid-cell:nth-of-type(1)::before,
.wallet-asset-modal .asset-manager-overview__activity .asset-manager-details__activity-list .list.activity .list-item:not(.parent):not(.secondary) .grid-cell:nth-of-type(1)::before {
	display: none;
}

.widget-wallet .asset-manager-overview__activity .asset-manager-details__activity-list .list.activity .list-item > div:nth-child(1) > p:nth-child(1)::before,
.wallet-asset-modal .asset-manager-overview__activity .asset-manager-details__activity-list .list.activity .list-item > div:nth-child(1) > p:nth-child(1)::before {
	content: "" !important;
}

/* ==========================================================================
   22. Overview activity empty state
   ========================================================================== */

.widget-wallet .asset-manager-details__activity-list.is-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	overflow: hidden;
	padding: 24px;
	min-height: var(--wallet-details-chart-height, 210px);
}

.widget-wallet .asset-manager-details__activity-list.is-empty .asset-manager-activity-empty {
	margin: 0;
	max-width: 18em;
	color: rgba(255, 255, 255, 0.75);
	font-size: 12px;
}

.wallet-asset-modal .asset-manager-details__activity-list.is-empty {
	flex: 1 1 auto;
	min-height: 0;
}

/* ==========================================================================
   23. Asset detail click modes
   ========================================================================== */

.widget-wallet.wallet-asset-details-disabled .asset-row {
	cursor: default;
}

.widget-wallet.wallet-asset-details-disabled .asset-row:hover {
	background-color: transparent;
}

/* ==========================================================================
   24. Two-column detail panes
   ========================================================================== */

.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .asset-manager-overview__grid.grid,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-transfer-pane__grid,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-swap-pane.wallet-swap-pane--trade-layout,
.grid-stack-item:is([gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-earn-pane__grid,
.wallet-asset-modal .asset-manager-overview__grid.grid,
.wallet-asset-modal .asset-manager-info.grid,
.wallet-asset-modal .wallet-earn-pane__grid,
.wallet-asset-modal .widget-wallet .wallet-transfer-pane__grid,
.wallet-asset-modal .wallet-transfer-pane__grid,
.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-panel-width: 100%;
}

.wallet-asset-modal .asset-manager-overview__chart,
.wallet-asset-modal .asset-manager-overview__activity,
.wallet-asset-modal .wallet-earn-card,
.wallet-asset-modal .wallet-earn-projection,
.wallet-asset-modal .wallet-transfer-panel,
.wallet-asset-modal .wallet-swap-pane__left,
.wallet-asset-modal .wallet-swap-pane__right,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .asset-manager-overview__chart,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .asset-manager-overview__activity,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-transfer-panel,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-swap-pane__left,
.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-swap-pane__right {
	min-width: 0;
}

@media (max-width: 980px) {
	.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 860px) {
	.wallet-asset-modal .widget-wallet .wallet-transfer-pane__grid,
	.wallet-asset-modal .wallet-transfer-pane__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 760px) {
	.wallet-asset-modal .asset-manager-overview__grid.grid,
	.wallet-asset-modal .asset-manager-info.grid,
	.wallet-asset-modal .wallet-earn-pane__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ==========================================================================
   25. Overview chart dropdown controls
   ========================================================================== */

.widget-wallet .asset-manager-overview__toggles {
	position: relative;
	z-index: 24;
	display: flex;
	flex: 0 0 auto;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	width: auto;
	min-width: 0;
	max-width: 100%;
}

.widget-wallet .asset-manager-overview__control-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-width: 0;
}

.widget-wallet .asset-manager-overview__control-wrap--period {
	order: 0;
}

.widget-wallet .asset-manager-overview__control-wrap--type {
	order: 1;
}

.widget-wallet .asset-manager-overview__control-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 2px 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #2fccdc;
	font-size: 14px;
	line-height: 1.1;
	white-space: nowrap;
	transition: color 0.2s ease,
		opacity 0.2s ease;
}

.widget-wallet .asset-manager-overview__control-trigger:hover,
.widget-wallet .asset-manager-overview__control-trigger.active,
.widget-wallet .asset-manager-overview__control-trigger.is-open {
	background: transparent;
	box-shadow: none;
	color: #37d9e8;
}

.widget-wallet .asset-manager-overview__control-dropdown {
	display: none;
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 90;
	width: max-content;
	min-width: 132px;
	max-width: min(280px, 80vw);
	padding: 6px;
	border: 1px solid #2ca9b7;
	border-radius: 18px;
	background: linear-gradient(0deg, rgba(12, 42, 77, 1) 0%, rgba(12, 42, 77, 0) 52%),
		linear-gradient(171deg, rgba(44, 169, 183, 0.34) 0%, rgba(44, 169, 183, 0) 56%),
		#0c2a4d;
	box-shadow: 0 18px 34px rgba(1, 0, 42, 0.28);
}

.widget-wallet .asset-manager-overview__control-dropdown.active,
.widget-wallet .asset-manager-overview__control-dropdown.is-open {
	display: flex;
}

.widget-wallet .asset-manager-overview__period-dropdown {
	min-width: 134px;
}

.widget-wallet .asset-manager-overview__control-dropdown::before,
.widget-wallet .asset-manager-overview__control-dropdown::after {
	display: none;
}

.widget-wallet .asset-manager-overview__control-dropdown > .grid-cell {
	min-width: 0;
}

.widget-wallet .asset-manager-overview__control-dropdown ul.toggle,
.widget-wallet .asset-manager-overview__chart-type-toggle.toggle,
.widget-wallet .asset-manager-overview__period-toggle.toggle {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 5px;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	overflow: visible;
	border-radius: 0;
}

.widget-wallet .asset-manager-overview__control-dropdown ul.toggle li,
.widget-wallet .asset-manager-overview__chart-type-toggle.toggle li,
.widget-wallet .asset-manager-overview__period-toggle.toggle li {
	float: none;
	flex: 0 0 auto;
	width: 100%;
	margin: 0;
	padding: 6px 12px;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
	white-space: nowrap;
	background: transparent;
	box-shadow: none;
}

.widget-wallet .asset-manager-overview__control-dropdown ul.toggle li.active,
.widget-wallet .asset-manager-overview__control-dropdown ul.toggle li.is-active,
.widget-wallet .asset-manager-overview__control-dropdown ul.toggle li:hover {
	background: linear-gradient(0deg, rgb(39, 153, 166) 0%, rgb(46, 181, 196) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26),
		0 8px 16px rgba(1, 0, 42, 0.18);
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .asset-manager-overview__toggles,
.wallet-asset-modal .asset-manager-overview__toggles {
	width: auto;
	align-items: center;
	justify-content: flex-end;
}

@media (max-width: 860px) {
	.wallet-asset-modal .asset-manager-overview__toggles {
		width: auto;
		align-items: center;
		justify-content: flex-start;
	}
}

@media (max-width: 560px) {
	.widget-wallet .asset-manager-overview__control-trigger,
	.wallet-asset-modal .asset-manager-overview__control-trigger {
		min-height: 29px;
		padding: 4px 10px;
		font-size: 12px;
	}

	.widget-wallet .asset-manager-overview__control-dropdown ul.toggle li,
	.wallet-asset-modal .asset-manager-overview__control-dropdown ul.toggle li {
		padding: 6px 10px;
		font-size: 12px;
	}
}


/* ==========================================================================
   26. Modal chart dropdown parity
   ========================================================================== */

/*
 * Match the asset-price widget's compact chart-control dropdowns in the
 * wallet asset modal. The wallet-specific classes keep the existing JS hooks;
 * the apw-* classes make the shared control pattern explicit.
 */
.wallet-asset-modal .apw-period-dropdown-wrap,
.wallet-asset-modal .apw-chart-type-dropdown-wrap {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	min-width: 0;
}

.wallet-asset-modal .apw-period-dropdown-wrap {
	order: 0;
}

.wallet-asset-modal .apw-chart-type-dropdown-wrap {
	order: 1;
}

.wallet-asset-modal .apw-period-trigger,
.wallet-asset-modal .apw-chart-type-trigger {
	min-height: 30px;
	padding: 10px 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #2fccdc;
	font-size: 14px;
	line-height: 1.1;
	white-space: nowrap;
}

.wallet-asset-modal .apw-period-trigger:hover,
.wallet-asset-modal .apw-period-trigger.active,
.wallet-asset-modal .apw-period-trigger.is-open,
.wallet-asset-modal .apw-chart-type-trigger:hover,
.wallet-asset-modal .apw-chart-type-trigger.active,
.wallet-asset-modal .apw-chart-type-trigger.is-open {
	background: transparent;
	box-shadow: none;
	color: #37d9e8;
}

.wallet-asset-modal .apw-chart-type-dropdown,
.wallet-asset-modal .apw-period-dropdown {
	--wallet-modal-chart-dropdown-x: -50%;
	top: calc(100%);
	left: 50%;
	right: auto;
	z-index: 90;
	width: max-content;
	min-width: 0;
	max-width: min(320px, calc(100vw - 40px));
	margin-top: 0;
	padding: 5px;
	border: 1px solid #2ca9b7;
	border-radius: 25px;
	background-color: #0c2a4d;
	background-image: linear-gradient(135deg, rgba(32,121,143,1) 0%, rgba(19,70,109,1) 100%);
	box-shadow: 0 18px 34px rgba(1, 0, 42, 0.28);
	transform-origin: top center;
}

.wallet-asset-modal .apw-period-dropdown > .grid-cell {
	text-align: center;
}

.wallet-asset-modal .apw-chart-type-dropdown > .grid-cell,
.wallet-asset-modal .apw-period-dropdown > .grid-cell {
	min-width: 0;
}

.wallet-asset-modal .apw-chart-type-dropdown ul.toggle,
.wallet-asset-modal .apw-period-dropdown ul.toggle {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	width: auto;
	max-width: none;
	margin: 0;
	padding: 4px;
	overflow: visible;
	border-radius: 999px;
	white-space: nowrap;
}

.wallet-asset-modal .apw-chart-type-dropdown ul.toggle li,
.wallet-asset-modal .apw-period-dropdown ul.toggle li {
	float: none;
	flex: 0 0 auto;
	width: auto;
	margin: 0 2px 0 0;
	padding: 5px 9px;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
	white-space: nowrap;
	background: transparent;
	box-shadow: none;
}

.wallet-asset-modal .apw-chart-type-dropdown ul.toggle li:last-of-type,
.wallet-asset-modal .apw-period-dropdown ul.toggle li:last-of-type {
	margin-right: 0;
}

.wallet-asset-modal .apw-chart-type-dropdown ul.toggle li.active,
.wallet-asset-modal .apw-chart-type-dropdown ul.toggle li.is-active,
.wallet-asset-modal .apw-chart-type-dropdown ul.toggle li:hover,
.wallet-asset-modal .apw-period-dropdown ul.toggle li.active,
.wallet-asset-modal .apw-period-dropdown ul.toggle li.is-active,
.wallet-asset-modal .apw-period-dropdown ul.toggle li:hover {
	background: linear-gradient(0deg, rgb(39, 153, 166) 0%, rgb(46, 181, 196) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26),
		0 8px 16px rgba(1, 0, 42, 0.18);
}

@media (max-width: 560px) {
	.wallet-asset-modal .apw-period-trigger,
	.wallet-asset-modal .apw-chart-type-trigger {
		min-height: 29px;
		padding: 4px 10px;
		font-size: 12px;
	}

	.wallet-asset-modal .apw-chart-type-dropdown,
	.wallet-asset-modal .apw-period-dropdown {
		max-width: calc(100vw - 28px);
	}
}

/* ==========================================================================
   27. Modal dropdown animation
   ========================================================================== */

/*
 * Keep modal dropdowns renderable while closed so opacity / transform
 * can transition. Closed state is invisible and non-interactive.
 */
.wallet-asset-modal .asset-manager-overview__control-dropdown,
.wallet-asset-modal .wallet-swap-chart-control-dropdown,
.wallet-asset-modal .wallet-swap-chart-dropdown,
.wallet-asset-modal .wallet-swap-picker,
.wallet-asset-modal .wallet-earn-chain-picker {
	visibility: hidden;
	pointer-events: none;
	opacity: 0;

	-webkit-transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);
	transform: translate3d(0,-10px,0) rotate3d(1,1,0,25deg);

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s, visibility 0s linear 0.3s;
	transition: opacity 0.3s, transform 0.3s, visibility 0s linear 0.3s;

	will-change: opacity, transform;
}

/*
 * These dropdowns currently use display:none, which prevents animation.
 * Force them to stay displayable, then control visibility with the state
 * block above.
 */
.wallet-asset-modal .asset-manager-overview__control-dropdown,
.wallet-asset-modal .asset-manager-overview__control-dropdown.active,
.wallet-asset-modal .asset-manager-overview__control-dropdown.is-open,
.wallet-asset-modal .wallet-swap-chart-control-dropdown,
.wallet-asset-modal .wallet-swap-chart-control-dropdown.active,
.wallet-asset-modal .wallet-swap-chart-control-dropdown.is-open,
.wallet-asset-modal .wallet-swap-chart-dropdown,
.wallet-asset-modal .wallet-swap-chart-dropdown.active,
.wallet-asset-modal .wallet-swap-chart-dropdown.is-open {
	display: flex;
}

.wallet-asset-modal .wallet-swap-picker,
.wallet-asset-modal .wallet-swap-picker.hide,
.wallet-asset-modal .wallet-earn-chain-picker,
.wallet-asset-modal .wallet-earn-chain-picker.hide {
	display: block;
}

/*
 * Open state.
 * .active / .is-open covers overview + chart dropdowns.
 * :not(.hide) covers swap, send/receive, and earn pickers.
 */
.wallet-asset-modal .asset-manager-overview__control-dropdown.active,
.wallet-asset-modal .asset-manager-overview__control-dropdown.is-open,
.wallet-asset-modal .wallet-swap-chart-control-dropdown.active,
.wallet-asset-modal .wallet-swap-chart-control-dropdown.is-open,
.wallet-asset-modal .wallet-swap-chart-dropdown.active,
.wallet-asset-modal .wallet-swap-chart-dropdown.is-open,
.wallet-asset-modal .wallet-swap-picker:not(.hide),
.wallet-asset-modal .wallet-earn-chain-picker:not(.hide) {
	visibility: visible;
	pointer-events: auto !important;
	opacity: 1;

	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s, visibility 0s;
	transition: opacity 0.3s, transform 0.3s, visibility 0s;
}

@media (prefers-reduced-motion: reduce) {
	.wallet-asset-modal .asset-manager-overview__control-dropdown,
	.wallet-asset-modal .wallet-swap-chart-control-dropdown,
	.wallet-asset-modal .wallet-swap-chart-dropdown,
	.wallet-asset-modal .wallet-swap-picker,
	.wallet-asset-modal .wallet-earn-chain-picker {
		-webkit-transition: none !important;
		transition: none !important;
		-webkit-transform: none !important;
		transform: none !important;
	}
}

/* Keep modal chart dropdowns centered under their trigger during animation. */
.wallet-asset-modal .apw-chart-type-dropdown,
.wallet-asset-modal .apw-period-dropdown {
	-webkit-transform: translate3d(var(--wallet-modal-chart-dropdown-x), -10px, 0) rotate3d(1,1,0,25deg);
	transform: translate3d(var(--wallet-modal-chart-dropdown-x), -10px, 0) rotate3d(1,1,0,25deg);
}

.wallet-asset-modal .apw-chart-type-dropdown.active,
.wallet-asset-modal .apw-chart-type-dropdown.is-open,
.wallet-asset-modal .apw-period-dropdown.active,
.wallet-asset-modal .apw-period-dropdown.is-open {
	-webkit-transform: translate3d(var(--wallet-modal-chart-dropdown-x), 0, 0) rotate3d(0,0,0,0);
	transform: translate3d(var(--wallet-modal-chart-dropdown-x), 0, 0) rotate3d(0,0,0,0);
}

@media (prefers-reduced-motion: reduce) {
	.wallet-asset-modal .apw-chart-type-dropdown,
	.wallet-asset-modal .apw-period-dropdown {
		-webkit-transform: translate3d(var(--wallet-modal-chart-dropdown-x), 0, 0) !important;
		transform: translate3d(var(--wallet-modal-chart-dropdown-x), 0, 0) !important;
	}
}

/* ==========================================================================
   28. Asset detail tab transitions
   ========================================================================== */

.widget-wallet .asset-manager-details__panes {
	position: relative;
}

.widget-wallet .asset-manager-details__panes.is-transitioning {
	overflow: hidden;
	transition: height 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.widget-wallet .asset-manager-pane {
	display: none;
	margin-bottom: 0;
}

.widget-wallet .asset-manager-pane.is-active,
.widget-wallet .asset-manager-pane.is-leaving {
	display: block;
}

.widget-wallet .asset-manager-pane.is-active {
	position: relative;
	z-index: 2;
	animation: walletAssetPaneIn 180ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

.widget-wallet .asset-manager-pane.is-leaving {
	position: absolute;
	inset: 0;
	z-index: 1;
	width: 100%;
	pointer-events: none;
	animation: walletAssetPaneOut 150ms ease both;
}

@keyframes walletAssetPaneIn {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

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

@keyframes walletAssetPaneOut {
	from {
		opacity: 1;
		transform: translateY(0);
	}

	to {
		opacity: 0;
		transform: translateY(-6px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.widget-wallet .asset-manager-details__panes.is-transitioning {
		transition: none !important;
	}

	.widget-wallet .asset-manager-pane.is-active,
	.widget-wallet .asset-manager-pane.is-leaving {
		animation: none !important;
		transform: none !important;
	}

	.widget-wallet .asset-manager-pane.is-leaving {
		display: none;
		position: static;
	}
}

/* ==========================================================================
   29. Info metadata social alignment
   ========================================================================== */

/*
 * Keep the modal Info tab metadata panel full-height so the social links can
 * sit at the bottom of the metadata column, then center the icons horizontally.
 */
.wallet-asset-modal .asset-manager-info.grid {
	align-items: stretch;
}

.wallet-asset-modal .asset-manager-info__meta {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.wallet-asset-modal .asset-manager-info__card {
	flex: 1 1 auto;
}

.wallet-asset-modal .asset-manager-info__socials {
	width: 100%;
	margin-top: auto;
	padding-top: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	border-top: 1px solid rgba(255,255,255,0.15);
	margin-top: 15px;
}

/* ==========================================================================
   30. Earn pane markets supply layout
   ========================================================================== */

.widget-wallet .wallet-earn-pane--markets-supply,
.wallet-asset-modal .wallet-earn-pane--markets-supply {
	min-width: 0;
	max-width: 100%;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__grid,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__grid {
	display: block;
	grid-template-columns: none;
	gap: 0;
	align-items: stretch;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__left {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection {
	display: none !important;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card.list-item,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card.list-item {
	position: relative;
	min-width: 0;
	max-width: 100%;
	padding: var(--wallet-details-panel-pad, 24px);
	border: 1px solid rgba(44, 169, 183, 0.30);
	border-radius: 25px;
	background-image: linear-gradient(135deg, rgba(32,121,143,1) 0%, rgba(19,70,109,1) 100%);
	box-shadow: 0 2.8px 2.2px rgba(0,0,0,.017),
		0 6.7px 5.3px rgba(0,0,0,.024),
		0 12.5px 10px rgba(0,0,0,.03),
		0 22.3px 17.9px rgba(0,0,0,.036),
		0 41.8px 33.4px rgba(0,0,0,.043),
		0 100px 80px rgba(0,0,0,.06);
	overflow: visible;
	cursor: default;
}

.widget-wallet .wallet-earn-pane--markets-supply .expanded,
.wallet-asset-modal .wallet-earn-pane--markets-supply .expanded {
	position: relative;
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
	cursor: default;
}

.widget-wallet .wallet-earn-pane--markets-supply .expanded h3,
.wallet-asset-modal .wallet-earn-pane--markets-supply .expanded h3 {
	font-family: "tex-gyre-adventor-bold";
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
}

.widget-wallet .wallet-earn-pane--markets-supply .expanded span.apy,
.wallet-asset-modal .wallet-earn-pane--markets-supply .expanded span.apy {
	font-family: "tex-gyre-adventor-bold";
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	background: -webkit-linear-gradient(90deg, #29b0bf, #36cbdc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-box,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-box {
	min-width: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__chart,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__chart {
	position: relative;
	width: 100%;
	height: 100px;
	min-height: 116px;
	margin: 15px 0;
	overflow: hidden;
}

.widget-wallet .wallet-earn-pane--markets-supply .indicator-locked-container,
.wallet-asset-modal .wallet-earn-pane--markets-supply .indicator-locked-container {
	position: relative;
}

.widget-wallet .wallet-earn-pane--markets-supply .indicator-padding .indicator-locked-container,
.wallet-asset-modal .wallet-earn-pane--markets-supply .indicator-padding .indicator-locked-container {
	margin-top: 25px;
}

.widget-wallet .wallet-earn-pane--markets-supply .indicator-locked,
.wallet-asset-modal .wallet-earn-pane--markets-supply .indicator-locked {
	position: absolute;
	width: 1px;
	height: 20px;
	margin-top: -5px;
	background-color: #ffffff;
	opacity: 0;
	z-index: 2;
	pointer-events: none;
	transition: height 0.2s ease, opacity 0.2s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .list-item.adjust .indicator-locked,
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item.adjust .indicator-locked {
	height: 10px;
}

.widget-wallet .wallet-earn-pane--markets-supply .indicator-locked.active,
.wallet-asset-modal .wallet-earn-pane--markets-supply .indicator-locked.active {
	opacity: 1;
	transition: opacity 0.3s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .indicator-locked .label,
.wallet-asset-modal .wallet-earn-pane--markets-supply .indicator-locked .label {
	margin-top: -20px;
	margin-left: -23px;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider {
	margin: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider.noUi-target,
.widget-wallet .wallet-earn-pane--markets-supply .supply-slider.noUi-horizontal,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider.noUi-target,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider.noUi-horizontal {
	height: 5px;
	border: 0;
	border-radius: 5px;
	background: #0e4362;
	box-shadow: 0 10px 10px 0 rgba(12, 42, 77, 0.25);
	transition: height 0.3s ease, background 0.2s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider[disabled].noUi-horizontal,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider[disabled].noUi-horizontal {
	height: 15px;
	background: #0e4362;
	margin-bottom: 25px;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider .noUi-connects,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider .noUi-connects {
	border-radius: 5px;
	overflow: hidden !important;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider .noUi-connect,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider .noUi-connect {
	border-radius: 0;
	background-image: linear-gradient(0deg, rgb(39,153,166) 0%, rgb(46,181,196) 100%);
	box-shadow: 0 10px 15px 0 rgba(1, 0, 42, 0.10);
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider.noUi-horizontal .noUi-handle,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider.noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	right: -10px;
	top: -8px;
	border: 3px solid #2ca9b7;
	border-radius: 999px;
	background: #0e4362;
	box-shadow: 0 10px 15px 0 rgba(1, 0, 42, 0.20);
	opacity: 1;
	transition: background-color 0.3s ease, box-shadow 0.3s ease, opacity 0.2s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider[disabled] .noUi-handle,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider[disabled] .noUi-handle {
	opacity: 0;
	pointer-events: none;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider .noUi-active,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider .noUi-active {
	background-color: #036975 !important;
	box-shadow: 0 10px 15px 0 rgba(1, 0, 42, 0.25) !important;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-slider .noUi-handle::before,
.widget-wallet .wallet-earn-pane--markets-supply .supply-slider .noUi-handle::after,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider .noUi-handle::before,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-slider .noUi-handle::after {
	display: none;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend {
	display: flex;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend > .grid-cell:first-child,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend > .grid-cell:first-child {
	margin-right: 35px;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend label,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend label {
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	color: rgba(255,255,255,0.75);
	transition: margin-bottom 0.3s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend label::before,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend label::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-bottom: -4px;
	border-radius: 5px;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend > .grid-cell:nth-child(1) label::before,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend > .grid-cell:nth-child(1) label::before {
	background-color: #2ca9b7;
	background-image: linear-gradient(0deg, rgb(39,153,166) 0%, rgb(46,181,196) 100%);
	box-shadow: 0 10px 10px 0 rgba(12, 42, 77, 0.25);
}

.widget-wallet .wallet-earn-pane--markets-supply .legend > .grid-cell:nth-child(2) label::before,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend > .grid-cell:nth-child(2) label::before {
	background-color: #0e4362;
}

.widget-wallet .wallet-earn-pane--markets-supply .list-item:not(.adjust) .legend label,
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item:not(.adjust) .legend label {
	margin-bottom: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply input[type="text"],
.wallet-asset-modal .wallet-earn-pane--markets-supply input[type="text"] {
	transition: font-size 0.2s ease, background-color 0.2s ease, border 0.2s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .list-item:not(.adjust) input[type="text"],
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item:not(.adjust) input[type="text"] {
	text-align: left;
	padding-left: 30px;
	padding-right: 0;
	font-size: 18px;
	border: 2px solid transparent;
	background-color: transparent;
	box-shadow: none;
}

.widget-wallet .wallet-earn-pane--markets-supply .list-item:not(.adjust) input[type="text"]:disabled,
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item:not(.adjust) input[type="text"]:disabled {
	-webkit-text-fill-color: #ffffff;
	opacity: 1;
}

.widget-wallet .wallet-earn-pane--markets-supply .list-item.adjust input[type="text"],
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item.adjust input[type="text"] {
	padding-left: 30px;
	font-size: 14px;
	text-align: left;
	border: 2px solid transparent;
	background-color: #0b3e5e;
	box-shadow: inset 0 10px 15px 0 rgba(1, 0, 42, 0.25);
}

.widget-wallet .wallet-earn-pane--markets-supply .list-item.adjust input[type="text"]:focus,
.widget-wallet .wallet-earn-pane--markets-supply .list-item.adjust input[type="text"]:hover,
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item.adjust input[type="text"]:focus,
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item.adjust input[type="text"]:hover {
	border: 2px solid #2ca9b7;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend.income,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend.income {
	margin-top: 10px;
	margin-bottom: 10px;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend.income > .grid-cell,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend.income > .grid-cell {
	padding-left: 30px;
}

.widget-wallet .wallet-earn-pane--markets-supply .legend.income .metadata,
.wallet-asset-modal .wallet-earn-pane--markets-supply .legend.income .metadata {
	margin: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .supply-actions,
.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-actions {
	margin-top: 15px;
	margin-bottom: 0;
	text-align: center;
}

.widget-wallet .wallet-earn-pane--markets-supply .adjust-active,
.wallet-asset-modal .wallet-earn-pane--markets-supply .adjust-active,
.widget-wallet .wallet-earn-pane--markets-supply .list-item.adjust .adjust-default,
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item.adjust .adjust-default {
	display: none;
}

.widget-wallet .wallet-earn-pane--markets-supply .list-item.adjust .adjust-active,
.wallet-asset-modal .wallet-earn-pane--markets-supply .list-item.adjust .adjust-active {
	display: block;
}

.widget-wallet .wallet-earn-pane--markets-supply .adjust-active .grid,
.wallet-asset-modal .wallet-earn-pane--markets-supply .adjust-active .grid {
	justify-content: center;
}

.widget-wallet .wallet-earn-pane--markets-supply .adjust-active .grid-cell,
.wallet-asset-modal .wallet-earn-pane--markets-supply .adjust-active .grid-cell {
	flex: 0 0 auto;
}

.widget-wallet .wallet-earn-pane--markets-supply .adjust-active .cancel,
.wallet-asset-modal .wallet-earn-pane--markets-supply .adjust-active .cancel {
	margin-right: 15px;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select {
	line-height: 1.25;
}

@media (max-width: 600px) {
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card.list-item,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card.list-item {
		padding: 18px;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .legend,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .legend {
		gap: 0;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .legend > .grid-cell:first-child,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .legend > .grid-cell:first-child {
		margin-right: 25px;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .legend.income > .grid-cell,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .legend.income > .grid-cell {
		padding-left: 0;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .legend.income .metadata,
	.widget-wallet .wallet-earn-pane--markets-supply .legend label,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .legend.income .metadata,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .legend label {
		text-align: center;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .supply-actions,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .supply-actions {
		margin-bottom: 0;
	}
}

/* ==========================================================================
   31. Earn pane chain selector
   ========================================================================== */

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__heading-row,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__heading-row {
	z-index: 35;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__heading-cell,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__heading-cell {
	min-width: 0;
	overflow: visible;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__titleline,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__titleline {
	display: inline-flex;
	align-items: baseline;
	gap: 9px;
	min-width: 0;
	max-width: 100%;
	flex-wrap: wrap;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__titleline h3,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__titleline h3 {
	flex: 0 0 auto;
	margin: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__apy-cell,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__apy-cell {
	flex: 0 0 auto;
	min-width: max-content;
	padding-left: 12px;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__top.wallet-earn-card__chain-context,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__top.wallet-earn-card__chain-context {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	margin: 0;
	min-width: 0;
	vertical-align: baseline;
	z-index: 45;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__top.wallet-earn-card__chain-context.hide,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__top.wallet-earn-card__chain-context.hide {
	display: none !important;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__chain-copy,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__chain-copy {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	margin: 0;
	min-width: 0;
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__chain-prefix,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__chain-prefix {
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select {
	display: inline-flex;
	align-items: baseline;
	min-width: 0;
	max-width: 180px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #2fccdc;
	font-size: 14px;
	line-height: 1.2;
	font-family: "tex-gyre-adventor-regular";
	text-align: left;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select span,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select span {
	display: inline-block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #2fccdc;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select.dropdown::after,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select.dropdown::after {
	content: url(../img/icon/arrow-down.svg);
	display: inline-block;
	width: 10px;
	height: auto;
	margin-left: 6px;
	border: 0;
	transform: translateY(1px);
	line-height: 0;
	flex: 0 0 auto;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select:hover span,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select:focus-visible span,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select.is-open span,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select:hover span,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select:focus-visible span,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select.is-open span {
	color: #ffffff;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-picker,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-picker {
	top: calc(100% + 8px);
	left: 15px;
	right: 15px;
	width: auto;
	max-width: none;
	z-index: 70;
	text-align: left;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card .chart-box,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card .chart-box {
	position: relative;
	z-index: 1;
}

@container (max-width: 520px) {
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__titleline,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__titleline {
		gap: 7px;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select {
		max-width: 130px;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__chain-copy,
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__chain-prefix,
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__chain-copy,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__chain-prefix,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select {
		font-size: 13px;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-picker,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-picker {
		width: auto;
	}
}

/* ==========================================================================
   32. Earn pane monthly chart
   ========================================================================== */

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__grid,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	gap: 25px !important;
	align-items: start;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__right {
	width: auto !important;
	min-width: 0;
	max-width: none;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection,
.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"], [gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"], [gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection {
	display: block !important;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__grid {
	grid-template-columns: minmax(0, 1fr) !important;
}

.grid-stack-item:is([gs-w="8"], [gs-w="9"], [gs-w="10"], [gs-w="11"], [gs-w="12"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__grid {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection {
	position: relative;
	min-width: 0;
	margin: 0;
	border: 0;
	border-radius: 20px;
	padding: 10px 5px 10px 25px;
	padding-top: 15px;
	background: transparent;
	background-image: none;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017),
		0 6.7px 5.3px rgba(0, 0, 0, 0.024),
		0 12.5px 10px rgba(0, 0, 0, 0.03),
		0 22.3px 17.9px rgba(0, 0, 0, 0.036),
		0 41.8px 33.4px rgba(0, 0, 0, 0.043),
		0 100px 80px rgba(0, 0, 0, 0.06);
	cursor: default;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection::before,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 20px;
	background-image: linear-gradient(135deg, rgb(32,121,143) 0%, rgb(23,86,120) 100%);
	background-size: 100%;
	opacity: 0.5;
	transition: opacity 0.3s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection::after,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border: 1px solid #2ca9b7;
	border-radius: 20px;
	box-sizing: border-box;
	opacity: 0.25;
	transition: opacity 0.3s ease;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection .earning-text,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection .earning-text {
	position: relative;
	z-index: 2;
	margin: 0;
	text-align: center;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-interest-chart,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-interest-chart {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100px;
	min-height: 100px;
	margin: 0;
	overflow: visible;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection .lwc-tooltip,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection .lwc-tooltip {
	z-index: 90;
}

@container (max-width: 760px) {
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__grid,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 20px !important;
	}
}

@media (max-width: 760px) {
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__grid,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 20px !important;
	}
}

/* ==========================================================================
   33. Modal swap chart height matching
   ========================================================================== */

/*
 * The modal layout already uses a 2-column grid. Stretch both columns,
 * then let the chart fill the remaining height under the Price history header.
 */
.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-chart-height: auto;
	align-items: stretch;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__left,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__right {
	min-height: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__right {
	display: flex;
	padding: 30px;
	border: 1px solid rgba(44, 169, 183, 0.30);
	border-radius: 25px;
	background: linear-gradient(171deg, rgba(44, 169, 183, 0.18) 0%, rgba(44, 169, 183, 0) 54%), rgba(12, 42, 77, 0.44);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 44px rgba(1, 0, 42, 0.16);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chart-panel {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	min-height: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__chart {
	flex: 1 1 auto;
	height: auto;
	min-height: 0;
}

/*
 * Once the modal stacks, there is no side-by-side left panel to match,
 * so give the chart an explicit compact height again.
 */
@media (max-width: 980px) {
	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__chart {
		flex: 0 0 auto;
		height: 300px;
		min-height: 260px;
	}
}

@media (max-width: 560px) {
	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__chart {
		height: 250px;
		min-height: 230px;
	}
}

/* ==========================================================================
   34. Earn pane projection card
   ========================================================================== */

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__grid,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__grid {
	align-items: stretch !important;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__right {
	display: flex !important;
	align-items: stretch;
	min-height: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card.list-item,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card.list-item {
	width: 100%;
	height: auto;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	gap: 18px;
	width: 100%;
	height: auto;
	min-height: 100%;
	padding: 28px 30px 26px !important;
	overflow: hidden;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection .earning-text,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection .earning-text {
	flex: 0 0 auto;
	font-size: 16px;
	line-height: 1.25;
}

.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection .dollar-earning-value,
.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection .dollar-earning-value {
	font-family: "tex-gyre-adventor-bold";
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-interest-chart,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-interest-chart {
	flex: 1 1 220px;
	height: auto !important;
	min-height: 210px !important;
	margin: 2px 0 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__summary,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__summary {
	position: relative;
	z-index: 2;
	flex: 0 0 auto;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-item,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-item {
	min-width: 0;
	text-align: center;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-item + .wallet-earn-projection__summary-item,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-item + .wallet-earn-projection__summary-item {
	border-left: 1px solid rgba(255, 255, 255, 0.14);
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-label,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-label {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-value,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-value {
	display: block;
	font-family: "tex-gyre-adventor-bold";
	font-size: 20px;
	line-height: 1.2;
	color: #ffffff;
	white-space: nowrap;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right {
	display: block !important;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection {
	min-height: 360px;
}

.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
.grid-stack-item:is([gs-w="4"], [gs-w="5"], [gs-w="6"], [gs-w="7"]) .widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-interest-chart {
	flex-basis: 190px;
	min-height: 180px !important;
}

@container (max-width: 760px) {
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__right {
		display: block !important;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection {
		min-height: 360px;
		padding: 24px 22px 22px !important;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-interest-chart,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-interest-chart {
		flex-basis: 190px;
		min-height: 180px !important;
	}
}

@media (max-width: 760px) {
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__right,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__left,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__right {
		display: block !important;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .chart-supply-interest-container.wallet-earn-projection {
		min-height: 360px;
		padding: 24px 22px 22px !important;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-interest-chart,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__chart,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-interest-chart {
		flex-basis: 190px;
		min-height: 180px !important;
	}
}

@media (max-width: 520px) {
	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__summary,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__summary {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-item + .wallet-earn-projection__summary-item,
	.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__summary-item + .wallet-earn-projection__summary-item {
		padding-top: 12px;
		border-top: 1px solid rgba(255, 255, 255, 0.14);
		border-left: 0;
	}
}

/* ==========================================================================
   35. Modal swap trade panel parity
   ========================================================================== */

.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
	--wallet-swap-asset-col: 135px;
	--wallet-swap-control-height: 50px;
	--wallet-swap-footer-height: 40px;
	--wallet-swap-panel-pad: 30px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__left {
	position: relative;
	padding: 30px;
	border: 0;
	border-radius: 25px;
	background-color: initial;
	background-image: linear-gradient(135deg, rgba(32, 121, 143, 1) 0%, rgba(19, 70, 109, 1) 100%);
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.017),
		0 6.7px 5.3px rgba(0, 0, 0, 0.024),
		0 12.5px 10px rgba(0, 0, 0, 0.03),
		0 22.3px 17.9px rgba(0, 0, 0, 0.036),
		0 41.8px 33.4px rgba(0, 0, 0, 0.043),
		0 100px 80px rgba(0, 0, 0, 0.06);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__left::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border: 1px solid #ffffff;
	border-radius: 25px;
	box-sizing: border-box;
	mix-blend-mode: soft-light;
	opacity: 0.5;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__cards {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card {
	position: relative;
	min-width: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card--to {
	margin-top: 15px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__header h4 {
	display: inline-block;
	margin: 0;
	font-family: "tex-gyre-adventor-bold";
	font-weight: normal;
	font-size: 25px;
	line-height: 1.4;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__control {
	display: grid;
	grid-template-columns: minmax(118px, var(--wallet-swap-asset-col)) minmax(0, 1fr);
	align-items: stretch;
	min-height: var(--wallet-swap-control-height);
	margin-top: 10px;
	margin-bottom: 0;
	border: 0;
	border-radius: 10px 10px 0 0;
	background: transparent;
	box-shadow: none;
	overflow: visible;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--asset {
	display: block;
	width: 100%;
	height: var(--wallet-swap-control-height);
	min-height: var(--wallet-swap-control-height);
	padding: 10px 30px 10px 50px;
	border: 2px solid #0f395a;
	border-radius: 10px 0 0 0;
	background-color: #0f395a;
	background-repeat: no-repeat;
	color: #ffffff;
	font-family: "tex-gyre-adventor-bold";
	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: border 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--asset:hover,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--asset.is-open {
	border: 2px solid #2ca9b7;
	color: #2fccdc;
	transition: border 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card--from .wallet-swap-select--asset:disabled,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card--from .wallet-swap-select--asset:disabled:hover {
	border: 2px solid #0f395a;
	color: #ffffff;
	cursor: default;
	opacity: 1;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--asset::before {
	left: 16px;
	width: 25px;
	height: 25px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--asset::after {
	right: 12px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-width: 8px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__amount {
	position: relative;
	display: block;
	height: var(--wallet-swap-control-height);
	min-height: var(--wallet-swap-control-height);
	padding: 0;
	border-radius: 0 10px 0 0;
	background: transparent;
	text-align: right;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__amount input[type="text"] {
	width: 100%;
	height: var(--wallet-swap-control-height);
	min-height: var(--wallet-swap-control-height);
	margin: 0;
	padding: 1px 20px 20px;
	border: 2px solid transparent;
	border-radius: 0 10px 0 0;
	outline: none;
	background-color: #0b3e5e;
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25) inset;
	color: #ffffff;
	font-family: "tex-gyre-adventor-regular";
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	text-align: right;
	transition: border 0.3s ease, border-radius 0.3s ease;
	-webkit-appearance: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__amount input[type="text"]:hover,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__amount input[type="text"]:focus {
	border: 2px solid #2ca9b7;
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25) inset;
	transition: border 0.2s ease, border-radius 0.2s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__amount input[type="text"].active {
	border-bottom-right-radius: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__amount .label {
	position: absolute;
	top: 28px;
	right: 22px;
	z-index: 1;
	display: block;
	margin: 0;
	color: rgba(255, 255, 255, 0.75);
	font-family: "tex-gyre-adventor-regular";
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
	pointer-events: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__footer.chain-selector {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: initial;
	padding: 5px 15px 7px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 0 0 15px 15px;
	background-color: rgb(15, 57, 90);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain {
	min-width: 0;
	max-width: 100%;
	padding: 0 40px 0 27px;
	border: 0;
	background: transparent;
	font-family: 'tex-gyre-adventor-regular';
	font-weight: normal;
	box-shadow: none;
	color: rgba(255, 255, 255, 0.75);
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #2fccdc;
	cursor: pointer;
}
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.one-chain,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.one-chain:hover {
	color: rgba(255, 255, 255, 0.75);
	cursor: initial;
}
.wallet-asset-modal .wallet-swap-pane--trade-layout .button.new {
	margin: 0 auto;
	margin-top: 25px;
	border: none;
	display: block;
	font-size: 14px;
	font-family: 'tex-gyre-adventor-regular';
	font-weight: normal;
	line-height: 1.4;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain:hover,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.is-open {
	color: #2fccdc;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain::before {
	left: 0;
	width: 18px;
	height: 18px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-address-button {
	display: block;
	max-width: 150px;
	margin-left: auto;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #2fccdc;
	font-family: "tex-gyre-adventor-regular";
	font-size: 14px;
	line-height: 1.4;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-address-button:not(.wallet-address) {
	color: rgba(255, 255, 255, 0.82);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card .wallet-copy {
	top: 30px;
	left: auto;
	right: 0;
	width: 135px;
	text-align: center;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__summary {
	display: block;
	margin-top: 25px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__meta {
	margin-top: 0;
	gap: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-pane__meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	font-size: 16px;
	line-height: 1.4;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick {
	position: absolute;
	left: 0;
	top: 38px;
	z-index: 90;
	display: block;
	padding: 5px;
	border: 1px solid #2ca9b7;
	border-radius: 25px;
	background: #0c2a4d;
	background-image: linear-gradient(135deg, rgba(32, 121, 143, 1) 0%, rgba(19, 70, 109, 1) 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 10px 24px rgba(1, 0, 42, 0.12);
	text-align: center;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick.hide {
	display: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick.active {
	opacity: 1;
	pointer-events: auto;
	transition: opacity 0.2s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick .toggle {
	--toggle-track-bg: linear-gradient(180deg, rgba(10, 37, 69, 0.75) 0%, rgba(14, 50, 81, 0.75) 100%);
	--toggle-track-border: rgba(44, 169, 183, 0.18);
	--toggle-track-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 10px 24px rgba(1, 0, 42, 0.12);
	--toggle-item-text: rgba(255, 255, 255, 0.75);
	--toggle-item-hover-text: #ffffff;
	--toggle-item-hover-bg: rgba(255, 255, 255, 0.06);

	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 5px;
	border: 1px solid var(--toggle-track-border);
	border-radius: 999px;
	background: var(--toggle-track-bg);
	background-image: var(--toggle-track-bg);
	box-shadow: var(--toggle-track-shadow);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	list-style: none;
	vertical-align: middle;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick .toggle li {
	position: relative;
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	background-image: none;
	box-shadow: none;
	color: var(--toggle-item-text);
	font-family: "tex-gyre-adventor-regular";
	font-size: 12px;
	line-height: 1;
	list-style: none;
	white-space: nowrap;
	cursor: pointer;
	user-select: none;
	transition: background 160ms ease,
		color 160ms ease,
		box-shadow 160ms ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick .toggle li:hover,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick .toggle li:focus {
	background: var(--toggle-item-hover-bg);
	background-image: none;
	box-shadow: none;
	color: var(--toggle-item-hover-text);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick .toggle li:focus-visible {
	outline: 2px solid rgba(54, 203, 220, 0.85);
	outline-offset: 2px;
}

@media (max-width: 760px) {
	.wallet-asset-modal .wallet-swap-pane.wallet-swap-pane--trade-layout {
		--wallet-swap-panel-pad: 18px;
		--wallet-swap-asset-col: 130px;
	}

	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__control {
		grid-template-columns: minmax(112px, var(--wallet-swap-asset-col)) minmax(0, 1fr);
	}

	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--asset {
		border-right: 1px solid rgba(255, 255, 255, 0.15);
		border-bottom: 0;
	}
}

@media (max-width: 560px) {
	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__header {
		align-items: flex-start;
	}

	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__header h4 {
		font-size: 23px;
	}

	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-card__header .label {
		font-size: 14px;
	}

	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick {
		left: auto;
		right: 0;
		top: -54px;
		border-radius: 15px;
	}

	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-quick .toggle li {
		padding-right: 8px;
		padding-left: 8px;
	}

	.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick {
		left: auto;
		right: 0;
		top: -54px;
		border-radius: 15px;
	}

	.wallet-asset-modal .wallet-transfer-pane .wallet-transfer-quick .toggle li {
		padding-right: 8px;
		padding-left: 8px;
	}
}

/* ==========================================================================
   36. Earn pane empty supplied state
   ========================================================================== */

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty {
	justify-content: center !important;
	align-items: center;
	gap: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__empty,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__empty {
	position: relative;
	z-index: 2;
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 210px;
	margin: 0;
	text-align: center;
	color: rgba(255,255,255,0.75);
	font-size: 14px;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection__empty[hidden],
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection__empty[hidden],
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty .earning-text,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty .wallet-earn-projection__chart,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty .wallet-earn-projection__summary,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty .earning-text,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty .wallet-earn-projection__chart,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-projection.wallet-earn-projection--empty .wallet-earn-projection__summary {
	display: none !important;
}

/* ==========================================================================
   37. Modal swap “For” asset dropdown
   ========================================================================== */

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.dropdown-content.swap-to {
	left: 0;
	right: 0;
	top: auto;
	max-width: 100%;
	margin-top: 5px;
	padding: 25px;
	border: 2px solid #2ca9b7;
	border-radius: 25px;
	background:
		linear-gradient(0deg, rgba(12, 42, 77, 1) 0%, rgba(12, 42, 77, 0) 50%),
		linear-gradient(171deg, rgba(44, 169, 183, .37) 0%, rgba(44, 169, 183, 0) 50%),
		#0c2a4d;
	box-shadow: 0px 10px 25px 0px rgba(1, 0, 42, 0.35);
	font-size: initial;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.dropdown-content.swap-to::after {
	display: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .search.new {
	height: 40px;
	margin-bottom: 15px;
	padding-left: 45px !important;
	border: 2px solid #05193b;
	border-radius: 10px;
	background-color: #05193b;
	background-image: url("../img/icon/search1.svg"), linear-gradient(180deg, rgb(10, 37, 69) 0%, rgb(14, 50, 81) 100%) !important;
	background-repeat: no-repeat, no-repeat !important;
	background-size: 18px, cover !important;
	background-position: 15px 9px, center !important;
	box-shadow: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filter-button-container {
	max-width: 40px;
	margin-left: 10px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filter-button {
	padding: 10px 11px;
	border-radius: 10px;
	height: 40px;
	display: block;
	color: rgba(255,255,255,0.75);
	background-color: #1a647c;
	background-image: linear-gradient(0deg, rgba(30,131,143,0.35) 0%, rgba(54,203,220,0.35) 100%);
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center 6px;
	box-shadow: 0px 10px 10px 0px rgba(1, 0, 42, 0.01);
	transition: background-color 0.3s ease, color 0.3s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filter-button.all {
	background-position: center;
	background-size: 100%;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filter-button.active,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filter-button:hover {
	background-color: #2ca9b7;
	color: #ffffff;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters {
	margin-bottom: 15px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .toggle-container {
	margin-bottom: 15px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list-scrollable {
	max-height: 350px;
	overflow-y: scroll;
	border-radius: 20px;
	padding: 15px;
	padding-top: 0;
	margin-top: 10px;
	margin-bottom: 0;
	background-color: #0c2a4d;
	background-image: url("../img/icon/search2.svg"), linear-gradient(0deg, rgb(10, 37, 69) 0%, rgb(14, 50, 81) 100%);
	box-shadow: 0px 10px 15px 0px rgba(1, 0, 42, 0.25) inset;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list-scrollable .list-header {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 4;
	margin: 0 -15px 0;
	padding: 10px 15px 5px;
	background-image: linear-gradient(0deg, rgb(10,37,69) 0%, rgb(14,50,81) 100%);
	box-shadow: 0 6px 10px rgba(1, 0, 42, 0.25);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	transition: color 0.3s ease, background-color 0.2s ease;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item + .list-item:not(.secondary),
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item.secondary.compact + .list-item,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item.secondary.last + .list-item {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item > .grid-cell:first-of-type {
	padding-left: 35px;
	font-family: 'tex-gyre-adventor-bold';
	font-weight: normal;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item > .grid-cell:nth-of-type(2),
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-header > .grid-cell:nth-of-type(2) {
	text-align: right;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item > .grid-cell:last-of-type,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-header > .grid-cell:last-of-type {
	max-width: 85px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item:not(.parent):not(.secondary) .grid-cell:nth-of-type(1)::before {
	content: '';
	display: block;
	height: 20px;
	width: 20px;
	background-image: var(--wallet-swap-row-chain-logo, url(../img/logo/default.png));
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 1px;
	background-color: #0c2a4d;
	position: absolute;
	margin-top: 8px;
	left: 13px;
	border-radius: 100%;
	outline: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item:not(.parent):not(.secondary):has(+ .list-item.secondary.compact) .grid-cell:nth-of-type(1)::before {
	display: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item.wallet-swap-single-chain > .grid-cell:first-of-type::before,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item.wallet-swap-chain-row > .grid-cell:first-of-type::before {
	background-image: var(--wallet-swap-row-chain-logo, url(../img/logo/default.png));
	background-size: contain;
	background-repeat: no-repeat;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary:not(.compact) {
	margin-bottom: 0;
	padding: 10px 15px;
	border: 0;
	background-color: #144a68;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.parent + .list-item.secondary:not(.compact) {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary:not(.compact).last {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	margin-bottom: 25px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary:not(.compact) > .grid-cell:first-of-type {
	padding-left: 35px;
	font-family: 'tex-gyre-adventor-regular';
	font-weight: normal;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary:not(.compact) > .grid-cell:last-of-type {
	max-width: 85px;
	text-align: right;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary:not(.compact)::before {
	height: 20px;
	width: 20px;
	transform: translateY(0px);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact {
	margin-bottom: 25px;
	padding: 10px 15px;
	border: 0;
	border-radius: 10px;
	background-color: #144a68;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact > .grid-cell {
	max-width: initial !important;
	padding-left: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact::before,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact > .grid-cell::before {
	display: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact .grid-cell:nth-of-type(1)::after {
	content: '';
	top: 0%;
	left: 25px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #144a68;
	border-width: 12px;
	transform: rotate(0.5turn);
	margin-top: -33px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact ul li {
	float: left;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	background-image: url(../img/logo/default.png);
	background-repeat: no-repeat;
	background-size: contain;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.compact ul li:last-of-type {
	margin-right: 0;
}

@media (max-width: 560px) {
	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.dropdown-content.swap-to {
		left: 0;
		right: 0;
		padding: 18px;
	}

	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filter-button-container {
		max-width: 40px;
	}
}


/* ==========================================================================
   38. Modal swap chain rows
   ========================================================================== */

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item.wallet-swap-single-chain .grid-cell:nth-of-type(1)::before,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.wallet-swap-chain-row .grid-cell:nth-of-type(1)::before {
	background-image: var(--wallet-swap-row-chain-logo, url("../img/logo/default.png")) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center 1px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.parent:hover {
	color: #ffffff;
	cursor: default;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.wallet-swap-chain-row {
	padding: 10px 15px;
	border: 0;
	background-color: #144a68;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.parent + .list-item.secondary.wallet-swap-chain-row {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.wallet-swap-chain-row.last {
	margin-bottom: 25px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.wallet-swap-chain-row > .grid-cell:first-of-type {
	padding-left: 35px;
	font-family: 'tex-gyre-adventor-regular';
	font-weight: normal;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.wallet-swap-chain-row > .grid-cell:last-of-type {
	max-width: 85px;
	text-align: right;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.wallet-swap-chain-row:hover,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.wallet-swap-chain-row.is-selected {
	color: #2ca9b7;
	cursor: pointer;
}

/* ==========================================================================
   39. Modal swap blockchain filter reset
   ========================================================================== */

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters {
	background-color: #144a68;
	border-radius: 10px;
	padding: 5px 10px;
	position: relative;
	margin: 0 0 15px;
	width: 100%;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters::after {
	content: '';
	top: 3px;
	right: 8px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #144a68;
	border-width: 12px;
	margin-left: -10px;
	transform: rotate(0.5turn);
	margin-top: -25px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	margin: 0 !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	background-image: none;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	list-style: none;
	vertical-align: initial;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle li {
	float: none;
	flex: 0 0 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	height: 30px;
	margin: 0;
	padding: 5px 10px;
	border: 0;
	border-radius: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	box-shadow: none;
	color: rgba(255,255,255,0.75);
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle li.all {
	flex-basis: auto;
	width: auto;
	min-width: 40px;
	padding: 5px 10px;
	background-image: none !important;
	font-size: 12px;
	color: rgba(255,255,255,0.75);
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle li:not(.all) {
	font-size: 0;
	color: transparent;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle li.active,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle li:hover {
	background-color: #2ca9b7;
	box-shadow: none;
	color: #ffffff;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle li.all.active,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters ul.toggle li.all:hover {
	background-image: none !important;
	font-size: 12px;
	color: #ffffff;
}

/* Wallet modal Swap tab: keep Sui blockchain artwork distinct from the SUI asset logo. */
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filter-button.sui-chain,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .blockchain-filters li.sui-chain,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list.collateral-assets .list-item.sui-chain.wallet-swap-single-chain > .grid-cell:first-of-type::before,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade .list .list-item.secondary.sui-chain.wallet-swap-chain-row > .grid-cell:first-of-type::before {
	background-image: url("../img/logo/sui-blockchain.png") !important;
}


/* ==========================================================================
   40. Modal swap viewport-aware “For” dropdown
   ========================================================================== */

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--viewport-managed.dropdown-content.swap-to {
	max-height: var(--wallet-swap-picker-max-height, none);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	overscroll-behavior: contain;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--viewport-managed.dropdown-content.swap-to.hide {
	display: none !important;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--viewport-managed.dropdown-content.swap-to > .grid-cell {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	width: 100%;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--viewport-managed .list-scrollable {
	flex: 1 1 auto;
	min-height: 0;
	max-height: min(350px, var(--wallet-swap-picker-list-max-height, 350px));
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--flipped.dropdown-content.swap-to {
	top: auto;
	bottom: calc(100% + -45px);
	margin-top: 0;
	margin-bottom: 5px;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--sheet.dropdown-content.swap-to {
	position: fixed;
	left: max(10px, env(safe-area-inset-left));
	right: max(10px, env(safe-area-inset-right));
	top: max(72px, calc(env(safe-area-inset-top) + 10px));
	bottom: max(10px, env(safe-area-inset-bottom));
	width: auto;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 18px;
	z-index: 1900;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--sheet.dropdown-content.swap-to > .grid-cell {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--sheet .list-scrollable {
	flex: 1 1 auto;
	min-height: 0;
	max-height: none;
}

.wallet-asset-modal.wallet-asset-modal--swap-picker-sheet .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--sheet .list.collateral-assets {
	min-height: 0;
}

@media (max-width: 760px) {
	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-picker--trade.wallet-swap-picker--sheet.dropdown-content.swap-to {
		top: max(82px, calc(env(safe-area-inset-top) + 10px));
		left: max(10px, env(safe-area-inset-left));
		right: max(10px, env(safe-area-inset-right));
		bottom: max(10px, env(safe-area-inset-bottom));
	}
}


/* ==========================================================================
   41. Trade-style blockchain dropdowns
   ========================================================================== */


.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-asset-modal__panel,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-asset-modal__content,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .asset-manager-details__inner,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .asset-manager-details__panes,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .asset-manager-pane.is-active,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-transfer-pane,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-transfer-pane__grid,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-transfer-panel--send,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-swap-pane__cards,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-transfer-card,
.wallet-asset-modal.wallet-asset-modal--send-chain-picker-open .wallet-swap-card__footer.chain-selector,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-asset-modal__panel,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-asset-modal__content,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .asset-manager-details__inner,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .asset-manager-details__panes,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .asset-manager-pane.is-active,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-earn-pane,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-earn-pane__left,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-earn-card,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-earn-card__heading-row,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-earn-card__heading-cell,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-earn-card__titleline,
.wallet-asset-modal.wallet-asset-modal--earn-chain-picker-open .wallet-earn-card__chain-context {
	overflow: visible;
}

/* Keep the Earn chain picker aligned to the Supply card, not the inline “on:” label. */
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-pane__top.wallet-earn-card__chain-context,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-pane__top.wallet-earn-card__chain-context {
	position: static;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__heading-row,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__heading-row {
	position: relative;
	overflow: visible;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__heading-cell,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__heading-cell {
	position: static;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content,
.widget-wallet .wallet-transfer-chain-picker.dropdown-content,
.wallet-asset-modal .wallet-transfer-chain-picker.dropdown-content,
.widget-wallet .wallet-earn-chain-picker.dropdown-content,
.wallet-asset-modal .wallet-earn-chain-picker.dropdown-content {
	border: 2px solid #2ca9b7;
	border-radius: 15px;
	padding: 25px;
	background: #0c2a4d;
	font-size: 14px;
	box-shadow: 0px 10px 25px 0px rgba(1, 0, 42, 0.35);
	max-height: var(--wallet-chain-picker-max-height, none);
	overflow: hidden;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content,
.widget-wallet .wallet-transfer-chain-picker.dropdown-content,
.wallet-asset-modal .wallet-transfer-chain-picker.dropdown-content,
.widget-wallet .wallet-earn-chain-picker.dropdown-content,
.wallet-asset-modal .wallet-earn-chain-picker.dropdown-content {
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	width: auto;
	max-width: none;
	margin-top: 5px;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content::after,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content::after,
.widget-wallet .wallet-transfer-chain-picker.dropdown-content::after,
.wallet-asset-modal .wallet-transfer-chain-picker.dropdown-content::after,
.widget-wallet .wallet-earn-chain-picker.dropdown-content::after,
.wallet-asset-modal .wallet-earn-chain-picker.dropdown-content::after {
	display: none;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content,
.widget-wallet .wallet-transfer-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content,
.wallet-asset-modal .wallet-transfer-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content,
.widget-wallet .wallet-earn-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content,
.wallet-asset-modal .wallet-earn-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content {
	display: flex;
	flex-direction: column;
	max-height: var(--wallet-chain-picker-max-height, 360px);
	overscroll-behavior: contain;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content.hide,
.wallet-asset-modal .wallet-transfer-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content.hide,
.wallet-asset-modal .wallet-earn-chain-picker.wallet-chain-picker--viewport-managed.dropdown-content.hide {
	display: flex;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content > .grid-cell,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content > .grid-cell,
.widget-wallet .wallet-transfer-chain-picker.dropdown-content > .grid-cell,
.wallet-asset-modal .wallet-transfer-chain-picker.dropdown-content > .grid-cell,
.widget-wallet .wallet-earn-chain-picker.dropdown-content > .grid-cell,
.wallet-asset-modal .wallet-earn-chain-picker.dropdown-content > .grid-cell {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	width: 100%;
	position: relative;
	z-index: 2;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .search,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .search,
.widget-wallet .wallet-transfer-chain-picker .search,
.wallet-asset-modal .wallet-transfer-chain-picker .search,
.widget-wallet .wallet-earn-chain-picker .search,
.wallet-asset-modal .wallet-earn-chain-picker .search,
.widget-wallet .search.wallet-swap-picker__search.wallet-swap-chain-picker__search.wallet-earn-chain-search {
	height: 40px !important;
	margin: 0 0 15px !important;
	padding: 3px 20px !important;
	border: 2px solid #05193b !important;
	border-radius: 10px !important;
	background-color: #05193b !important;
	background-image: none !important;
	box-shadow: none !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	text-align: left !important;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list-scrollable,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list-scrollable,
.widget-wallet .wallet-transfer-chain-picker .list-scrollable,
.wallet-asset-modal .wallet-transfer-chain-picker .list-scrollable,
.widget-wallet .wallet-earn-chain-picker .list-scrollable,
.wallet-asset-modal .wallet-earn-chain-picker .list-scrollable {
	flex: 1 1 auto;
	min-height: 0;
	max-height: min(350px, var(--wallet-chain-picker-list-max-height, 350px));
	overflow-y: auto;
	border-radius: 10px;
	padding: 0;
	margin: 0;
	background: transparent;
	box-shadow: none;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-gutter: stable;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains,
.widget-wallet .wallet-transfer-chain-picker .list.blockchains,
.wallet-asset-modal .wallet-transfer-chain-picker .list.blockchains,
.widget-wallet .wallet-earn-chain-picker .list.blockchains,
.wallet-asset-modal .wallet-earn-chain-picker .list.blockchains {
	min-height: 72px;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-header,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-header,
.widget-wallet .wallet-transfer-chain-picker .list.blockchains .list-header,
.wallet-asset-modal .wallet-transfer-chain-picker .list.blockchains .list-header,
.widget-wallet .wallet-earn-chain-picker .list.blockchains .list-header,
.wallet-asset-modal .wallet-earn-chain-picker .list.blockchains .list-header {
	position: relative !important;
	top: auto;
	z-index: 1;
	margin: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item,
.widget-wallet .wallet-transfer-chain-picker .list.blockchains .list-item,
.wallet-asset-modal .wallet-transfer-chain-picker .list.blockchains .list-item,
.widget-wallet .wallet-earn-chain-picker .list.blockchains .list-item,
.wallet-asset-modal .wallet-earn-chain-picker .list.blockchains .list-item {
	cursor: pointer;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item::before,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item::before,
.widget-wallet .wallet-transfer-chain-picker .list.blockchains .list-item::before,
.wallet-asset-modal .wallet-transfer-chain-picker .list.blockchains .list-item::before,
.widget-wallet .wallet-earn-chain-picker .list.blockchains .list-item::before,
.wallet-asset-modal .wallet-earn-chain-picker .list.blockchains .list-item::before {
	display: block !important;
	background-image: var(--wallet-chain-row-logo, url("../img/logo/default.png"));
	border-radius: 5px;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item.sui-chain::before,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item.sui-chain::before,
.widget-wallet .wallet-transfer-chain-picker .list.blockchains .list-item.sui-chain::before,
.wallet-asset-modal .wallet-transfer-chain-picker .list.blockchains .list-item.sui-chain::before,
.widget-wallet .wallet-earn-chain-picker .list.blockchains .list-item.sui-chain::before,
.wallet-asset-modal .wallet-earn-chain-picker .list.blockchains .list-item.sui-chain::before {
	background-image: url("../img/logo/sui-blockchain.png") !important;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item:hover,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker .list.blockchains .list-item:hover,
.widget-wallet .wallet-transfer-chain-picker .list.blockchains .list-item:hover,
.wallet-asset-modal .wallet-transfer-chain-picker .list.blockchains .list-item:hover,
.widget-wallet .wallet-earn-chain-picker .list.blockchains .list-item:hover,
.wallet-asset-modal .wallet-earn-chain-picker .list.blockchains .list-item:hover {
	color: #2ca9b7;
}

.widget-wallet .wallet-earn-chain-picker .wallet-earn-chain-row,
.wallet-asset-modal .wallet-earn-chain-picker .wallet-earn-chain-row,
.widget-wallet .wallet-earn-chain-picker .wallet-earn-chain-row:hover,
.wallet-asset-modal .wallet-earn-chain-picker .wallet-earn-chain-row:hover,
.widget-wallet .wallet-earn-chain-picker .wallet-earn-chain-row.is-selected,
.wallet-asset-modal .wallet-earn-chain-picker .wallet-earn-chain-row.is-selected,
.widget-wallet .wallet-earn-chain-picker .wallet-earn-chain-row.active,
.wallet-asset-modal .wallet-earn-chain-picker .wallet-earn-chain-row.active {
	background-color: transparent;
}

.widget-wallet .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.wallet-chain-picker--flipped.dropdown-content,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.wallet-chain-picker--flipped.dropdown-content,
.widget-wallet .wallet-transfer-chain-picker.wallet-chain-picker--flipped.dropdown-content,
.wallet-asset-modal .wallet-transfer-chain-picker.wallet-chain-picker--flipped.dropdown-content,
.widget-wallet .wallet-earn-chain-picker.wallet-chain-picker--flipped.dropdown-content,
.wallet-asset-modal .wallet-earn-chain-picker.wallet-chain-picker--flipped.dropdown-content {
	top: auto;
	bottom: calc(100% + 8px);
	margin-top: 0;
	margin-bottom: 5px;
}

@media (max-width: 760px) {
	.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-chain-picker.dropdown-content,
	.wallet-asset-modal .wallet-transfer-chain-picker.dropdown-content,
	.wallet-asset-modal .wallet-earn-chain-picker.dropdown-content {
		left: max(10px, env(safe-area-inset-left));
		right: max(10px, env(safe-area-inset-right));
		width: auto;
		max-width: none;
	}
}

/* ==========================================================================
   42. Selected blockchain inline logo placement
   ========================================================================== */

.widget-wallet .wallet-chain-inline-prefix,
.wallet-asset-modal .wallet-chain-inline-prefix,
.widget-wallet .wallet-chain-inline-name,
.wallet-asset-modal .wallet-chain-inline-name {
	min-width: 0;
}

.widget-wallet .wallet-chain-inline-prefix,
.wallet-asset-modal .wallet-chain-inline-prefix,
.widget-wallet .wallet-chain-inline-logo,
.wallet-asset-modal .wallet-chain-inline-logo {
	flex: 0 0 auto;
}

.widget-wallet .wallet-chain-inline-logo,
.wallet-asset-modal .wallet-chain-inline-logo {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 999px;
	background-image: var(--wallet-chain-inline-logo);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: -3px;
	transform: translateY(2px);
}

.widget-wallet .wallet-chain-inline-name,
.wallet-asset-modal .wallet-chain-inline-name {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.widget-wallet .wallet-swap-select--chain.has-inline-chain-logo,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-width: 0;
	padding-left: 0;
}

.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo {
	padding-right: 32px;
}

.widget-wallet .wallet-swap-select--chain.has-inline-chain-logo::before,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo::before {
	display: none;
}

.widget-wallet .wallet-swap-select--chain.has-inline-chain-logo::after,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo::after {
	left: auto;
	right: 12px;
	transform: translateY(-1px);
}

.widget-wallet .wallet-swap-select--chain.has-inline-chain-logo .wallet-chain-inline-name,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo .wallet-chain-inline-name {
	min-width: 0;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select [data-role="earn-chain-label"],
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select [data-role="earn-chain-label"] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
	max-width: 100%;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select [data-role="earn-chain-label"] .wallet-chain-inline-logo,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select [data-role="earn-chain-label"] .wallet-chain-inline-logo {
	width: 16px;
	height: 16px;
	flex-basis: 16px;
	vertical-align: -3px;
}

.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select [data-role="earn-chain-label"] .wallet-chain-inline-name,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select [data-role="earn-chain-label"] .wallet-chain-inline-name {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/* ==========================================================================
   43. Selected blockchain label colours
   ========================================================================== */

.widget-wallet .wallet-chain-inline-prefix,
.wallet-asset-modal .wallet-chain-inline-prefix,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-card__chain-prefix,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-card__chain-prefix {
	color: rgba(255, 255, 255, 0.75) !important;
}

.widget-wallet .wallet-swap-select--chain.has-inline-chain-logo:not(.one-chain):not(:disabled) .wallet-chain-inline-name,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo:not(.one-chain):not(:disabled) .wallet-chain-inline-name,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select:not([aria-disabled="true"]) [data-role="earn-chain-label"] .wallet-chain-inline-name,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select:not([aria-disabled="true"]) [data-role="earn-chain-label"] .wallet-chain-inline-name {
	color: #2fccdc !important;
}

.widget-wallet .wallet-swap-select--chain.has-inline-chain-logo.one-chain .wallet-chain-inline-name,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo.one-chain .wallet-chain-inline-name,
.widget-wallet .wallet-swap-select--chain.has-inline-chain-logo:disabled .wallet-chain-inline-name,
.wallet-asset-modal .wallet-swap-pane--trade-layout .wallet-swap-select--chain.has-inline-chain-logo:disabled .wallet-chain-inline-name,
.widget-wallet .wallet-earn-pane--markets-supply .wallet-earn-chain-select[aria-disabled="true"] [data-role="earn-chain-label"] .wallet-chain-inline-name,
.wallet-asset-modal .wallet-earn-pane--markets-supply .wallet-earn-chain-select[aria-disabled="true"] [data-role="earn-chain-label"] .wallet-chain-inline-name {
	color: rgba(255, 255, 255, 0.75) !important;
}