.dexapp-acc {
	display: none;
}

@media (max-width: 767px) {

	#page-container.page-sidebar-fixed > #content.dexapp-account {
		padding-top: 0;
		padding-right: 0;
		padding-left: 0;
		overflow-x: hidden;
	}

	.dexapp-acc {
		display: block;
	}

	.dexapp-acc-hero {
		position: relative;
		padding: 18px 20px 22px;
		border-radius: 0 0 26px 26px;
		background: linear-gradient(180deg, var(--dexapp-navy-mid) 0%, var(--dexapp-blue) 100%);
		color: #fff;
		text-align: center;
		overflow: hidden;
	}
	.dexapp-acc-title {
		margin: 0 0 14px;
		color: #fff;
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 17px;
		line-height: 1.3;
	}
	.dexapp-acc-avatar {
		display: inline-flex;
		position: relative;
		align-items: center;
		justify-content: center;
		width: 64px;
		height: 64px;
		border-radius: 16px;
		background: var(--dexapp-blue-2);
		box-shadow: 0 4px 14px rgba(15, 23, 42, .18);
	}
	.dexapp-acc-avatar > span {
		color: #fff;
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 26px;
		letter-spacing: .02em;
	}
	.dexapp-acc-avatar-check {
		display: flex;
		position: absolute;
		right: -4px;
		bottom: -4px;
		align-items: center;
		justify-content: center;
		width: 22px;
		height: 22px;
		border: 2px solid var(--dexapp-blue);
		border-radius: 50%;
		background: var(--dexapp-green);
		color: #fff;
	}
	.dexapp-acc-avatar-check > svg {
		width: 12px;
		height: 12px;
	}
	.dexapp-acc-name {
		margin-top: 12px;
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 19px;
		line-height: 1.3;
		overflow-wrap: anywhere;
	}
	.dexapp-acc-email {
		margin-top: 4px;
		color: rgba(255, 255, 255, .78);
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 13px;
		overflow-wrap: anywhere;
	}
	.dexapp-acc-username {
		margin-top: 2px;
		color: rgba(255, 255, 255, .55);
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 12px;
	}
	.dexapp-acc-pill {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		margin-top: 10px;
		padding: 3px 12px;
		border-radius: 999px;
		background: rgba(16, 185, 129, .16);
		color: #22C55E;
		font-family: 'custom-medium', 'Plus Jakarta Sans', sans-serif;
		font-size: 12px;
	}
	.dexapp-acc-pill > svg {
		width: 13px;
		height: 13px;
	}

	.dexapp-acc-label {
		padding: 18px 20px 10px;
		color: var(--dexapp-text);
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 15px;
	}
	.darkmode .dexapp-acc-label {
		color: #fff;
	}

	.dexapp-acc-achieve {
		display: flex;
		margin: 0 14px;
		padding: 14px 0;
		border-radius: 18px;
		background: var(--dexapp-surface);
		box-shadow: var(--dexapp-shadow-card);
	}
	.darkmode .dexapp-acc-achieve {
		background: var(--dexapp-navy-2);
	}
	.dexapp-acc-achieve-col {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-width: 0;
	}
	.dexapp-acc-achieve-col + .dexapp-acc-achieve-col {
		border-left: 1px solid var(--dexapp-border);
	}
	.darkmode .dexapp-acc-achieve-col + .dexapp-acc-achieve-col {
		border-left-color: rgba(255, 255, 255, .08);
	}
	.dexapp-acc-achieve-col > small {
		color: var(--dexapp-text-2);
		font-family: 'custom-medium', 'Plus Jakarta Sans', sans-serif;
		font-size: 12px;
	}
	.dexapp-acc-achieve-col > strong {
		margin-top: 4px;
		color: var(--dexapp-text);
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 20px;
		line-height: 1.2;
	}
	.darkmode .dexapp-acc-achieve-col > strong {
		color: #fff;
	}

	.dexapp-acc-gems {
		display: flex;
		gap: 5px;
		margin-top: 7px;
	}
	.dexapp-acc-gem {
		width: 18px;
		height: 15px;
		fill: #CBD2DB;
	}
	.dexapp-acc-gem.is-on {
		fill: #38BDF8;
	}
	.darkmode .dexapp-acc-gem {
		fill: #475569;
	}
	.darkmode .dexapp-acc-gem.is-on {
		fill: #38BDF8;
	}
	.dexapp-acc-gem-facet {
		fill: none;
		stroke: rgba(255, 255, 255, .55);
		stroke-width: 1;
		stroke-linejoin: round;
	}

	.dexapp-acc-group {
		margin: 0 20px;
		border-radius: 18px;
		background: var(--dexapp-surface);
		box-shadow: var(--dexapp-shadow-card);
		overflow: hidden;
	}
	.darkmode .dexapp-acc-group {
		background: var(--dexapp-navy-2);
	}
	.dexapp-acc-row {
		display: flex;
		position: relative;
		align-items: center;
		gap: 12px;
		min-height: 60px;
		padding: 12px 16px 12px 10px;
		color: var(--dexapp-text);
		text-decoration: none;
	}
	.dexapp-acc-row:hover,
	.dexapp-acc-row:focus {
		color: var(--dexapp-text);
		text-decoration: none;
	}
	.dexapp-acc-row:active {
		background: var(--dexapp-fill);
	}
	.darkmode .dexapp-acc-row,
	.darkmode .dexapp-acc-row:hover,
	.darkmode .dexapp-acc-row:focus {
		color: #fff;
	}
	.darkmode .dexapp-acc-row:active {
		background: rgba(255, 255, 255, .04);
	}
	.dexapp-acc-row + .dexapp-acc-row::before {
		position: absolute;
		top: 0;
		right: 4px;
		left: 4px;
		height: 1px;
		background: #EDF0F4;
		content: "";
		transform: scaleY(.5);
		transform-origin: 0 0;
	}
	.darkmode .dexapp-acc-row + .dexapp-acc-row::before {
		background: rgba(255, 255, 255, .06);
	}

	.dexapp-acc-ico {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		border-radius: 9px;
	}
	.dexapp-acc-ico > svg {
		width: 18px;
		height: 18px;
	}
	.dexapp-acc-ico.is-green  { background: rgba(16, 185, 129, .12); color: #10B981; }
	.dexapp-acc-ico.is-blue   { background: rgba(37, 99, 235, .10);  color: #2563EB; }
	.dexapp-acc-ico.is-amber  { background: rgba(245, 158, 11, .12); color: #F59E0B; }
	.dexapp-acc-ico.is-red    { background: rgba(239, 68, 68, .10);  color: #EF4444; }
	.dexapp-acc-ico.is-purple { background: rgba(139, 92, 246, .12); color: #8B5CF6; }
	.darkmode .dexapp-acc-ico.is-blue { color: #60A5FA; }

	.dexapp-acc-row-body {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-width: 0;
	}
	.dexapp-acc-row-title {
		font-family: 'custom-medium', 'Plus Jakarta Sans', sans-serif;
		font-size: 13.5px;
		line-height: 1.3;
	}
	.dexapp-acc-row-sub {
		margin-top: 2px;
		color: var(--dexapp-muted);
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 11px;
		line-height: 1.3;
	}
	.dexapp-acc-chev {
		flex: 0 0 auto;
		width: 18px;
		height: 18px;
		color: var(--dexapp-text-2);
	}

	.dexapp-acc-row-title .dexapp-acc-sec-high   { color: #10B981; }
	.dexapp-acc-row-title .dexapp-acc-sec-medium { color: #F59E0B; }
	.dexapp-acc-row-title .dexapp-acc-sec-low    { color: #EF4444; }
	.dexapp-acc-bar {
		display: block;
		height: 4px;
		margin-top: 7px;
		border-radius: 999px;
		background: var(--dexapp-fill);
		overflow: hidden;
	}
	.darkmode .dexapp-acc-bar {
		background: rgba(255, 255, 255, .08);
	}
	.dexapp-acc-bar-fill {
		display: block;
		height: 100%;
		border-radius: inherit;
	}
	.dexapp-acc-bar-fill.dexapp-acc-sec-high   { width: 100%; background: #10B981; }
	.dexapp-acc-bar-fill.dexapp-acc-sec-medium { width: 66%;  background: #F59E0B; }
	.dexapp-acc-bar-fill.dexapp-acc-sec-low    { width: 33%;  background: #EF4444; }

	.dexapp-acc-badge {
		flex: 0 0 auto;
		padding: 3px 10px;
		border-radius: 999px;
		font-family: 'custom-medium', 'Plus Jakarta Sans', sans-serif;
		font-size: 12px;
	}
	.dexapp-acc-badge.is-verified   { background: rgba(16, 185, 129, .12); color: #10B981; }
	.dexapp-acc-badge.is-pending    { background: rgba(245, 158, 11, .14); color: #D97706; }
	.dexapp-acc-badge.is-rejected,
	.dexapp-acc-badge.is-unverified { background: rgba(239, 68, 68, .10); color: #EF4444; }

	button.dexapp-acc-row {
		width: 100%;
		margin: 0;
		border: 0 none;
		background: none;
		font: inherit;
		text-align: left;
		cursor: pointer;
	}
	button.dexapp-acc-row:focus {
		outline: none;
	}
	button.dexapp-acc-row:focus-visible {
		box-shadow: inset 0 0 0 2px var(--dexapp-blue-light);
	}
	.dexapp-acc-ico.is-teal { background: rgba(20, 184, 166, .12); color: #0D9488; }
	.darkmode .dexapp-acc-ico.is-teal { color: #2DD4BF; }

	.dexapp-acc-row-value {
		flex: 0 0 auto;
		color: var(--dexapp-text-2);
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 12.5px;
	}
	#dexapp-acc-lang-toggle .dexapp-acc-chev {
		transition: transform .2s ease;
	}
	#dexapp-acc-lang-toggle[aria-expanded="true"] .dexapp-acc-chev {
		transform: rotate(90deg);
	}

	.dexapp-acc-switch {
		position: relative;
		flex: 0 0 auto;
		width: 42px;
		height: 24px;
		border-radius: 999px;
		background: #D1D5DB;
		transition: background .2s ease;
	}
	.dexapp-acc-switch::after {
		position: absolute;
		top: 2px;
		left: 2px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff;
		box-shadow: 0 1px 3px rgba(15, 23, 42, .2);
		content: "";
		transition: transform .2s ease;
	}
	[aria-checked="true"] > .dexapp-acc-switch {
		background: var(--dexapp-blue);
	}
	[aria-checked="true"] > .dexapp-acc-switch::after {
		transform: translateX(18px);
	}

	.dexapp-acc-lang-list {
		display: flex;
		flex-direction: column;
		padding: 2px 0 6px;
	}
	.dexapp-acc-lang-list[hidden] {
		display: none;
	}
	.dexapp-acc-lang-list > button {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
		padding: 8px 16px;
		border: 0 none;
		background: none;
		color: var(--dexapp-text);
		text-align: left;
		-webkit-tap-highlight-color: transparent;
	}
	.dexapp-acc-lang-flag {
		flex: 0 0 auto;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		object-fit: cover;
		box-shadow: 0 0 0 1px rgba(15, 23, 42, .06);
	}
	.dexapp-acc-lang-name {
		flex: 1 1 auto;
		min-width: 0;
		font-family: 'custom-medium', 'Plus Jakarta Sans', sans-serif;
		font-size: 12px;
		font-weight: 500;
	}
	.dexapp-acc-lang-radio {
		position: relative;
		flex: 0 0 auto;
		width: 16px;
		height: 16px;
		border: 1.5px solid var(--dexapp-blue);
		border-radius: 50%;
	}
	.dexapp-acc-lang-list > button[aria-pressed="true"] .dexapp-acc-lang-radio::after {
		position: absolute;
		top: 3px;
		right: 3px;
		bottom: 3px;
		left: 3px;
		border-radius: 50%;
		background: var(--dexapp-blue);
		content: "";
	}
	.darkmode .dexapp-acc-lang-list > button {
		color: #fff;
	}
	.darkmode .dexapp-acc-lang-radio {
		border-color: var(--dexapp-blue-light);
	}
	.darkmode .dexapp-acc-lang-list > button[aria-pressed="true"] .dexapp-acc-lang-radio::after {
		background: var(--dexapp-blue-light);
	}

	.dexapp-acc-logout {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		height: 48px;
		margin: 24px 20px 0;
		border: 1px solid rgba(239, 68, 68, .22);
		border-radius: 14px;
		background: #FEF2F2;
		color: #EF4444;
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 14px;
		text-decoration: none;
	}
	.dexapp-acc-logout:hover,
	.dexapp-acc-logout:focus {
		color: #EF4444;
		text-decoration: none;
	}
	.dexapp-acc-logout:active {
		background: #FEE2E2;
	}
	.darkmode .dexapp-acc-logout {
		border-color: rgba(239, 68, 68, .3);
		background: rgba(239, 68, 68, .1);
		color: #F87171;
	}
	.dexapp-acc-logout > svg {
		width: 18px;
		height: 18px;
	}

	.dexapp-acc-foot {
		padding: 26px 24px 8px;
		color: var(--dexapp-text-2);
		text-align: center;
	}
	.dexapp-acc-foot-title {
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 12px;
	}
	.dexapp-acc-social {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 22px;
		margin-top: 14px;
	}
	.dexapp-acc-social > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		color: #6B7280;
		font-size: 19px;
		text-decoration: none;
	}
	.dexapp-acc-social > a > svg {
		width: 18px;
		height: 18px;
	}
	.darkmode .dexapp-acc-social > a {
		color: #CBD5E1;
	}
	.dexapp-acc-listed {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 28px;
		margin-top: 16px;
	}
	.dexapp-acc-listed img {
		height: 17px;
		width: auto;
		opacity: .7;
	}
	.dexapp-acc-copy {
		margin-top: 12px;
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 13px;
	}
	.dexapp-acc-brand {
		display: block;
		width: 150px;
		height: auto;
		margin: 18px auto 0;
	}
	.dexapp-acc-license {
		margin: 12px 0 0;
		color: var(--dexapp-text-2);
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 11px;
		line-height: 1.6;
	}
	.dexapp-acc-license + .dexapp-acc-license {
		margin-top: 6px;
	}
	.darkmode .dexapp-acc-foot,
	.darkmode .dexapp-acc-license {
		color: #94A3B8;
	}

	.dexapp-acc-logo-dark,
	.darkmode .dexapp-acc-logo-light {
		display: none;
	}
	.darkmode .dexapp-acc-logo-dark {
		display: block;
	}

	.dexapp-acc-sheet-backdrop {
		position: fixed;
		z-index: 1060;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(15, 23, 42, .45);
		opacity: 0;
		visibility: hidden;
		transition: opacity .2s ease, visibility .2s ease;
	}
	.dexapp-acc-sheet {
		display: flex;
		position: fixed;
		z-index: 1061;
		right: 0;
		bottom: 0;
		left: 0;
		flex-direction: column;
		align-items: center;
		padding: 10px 24px calc(20px + env(safe-area-inset-bottom, 0px));
		border-radius: 24px 24px 0 0;
		background: var(--dexapp-surface);
		box-shadow: 0 -10px 40px rgba(15, 23, 42, .18);
		text-align: center;
		visibility: hidden;
		transform: translateY(100%);
		transition: transform .28s cubic-bezier(.2, .8, .2, 1), visibility .28s;
	}
	.darkmode .dexapp-acc-sheet {
		background: var(--dexapp-navy-2);
	}
	.dexapp-acc-sheet-open .dexapp-acc-sheet-backdrop {
		opacity: 1;
		visibility: visible;
	}
	.dexapp-acc-sheet-open .dexapp-acc-sheet {
		visibility: visible;
		transform: translateY(0);
	}
	.dexapp-acc-sheet-grip {
		width: 40px;
		height: 4px;
		margin-bottom: 22px;
		border-radius: 2px;
		background: #CBD5E1;
	}
	.darkmode .dexapp-acc-sheet-grip {
		background: rgba(255, 255, 255, .2);
	}
	.dexapp-acc-sheet-ico {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 56px;
		height: 56px;
		margin-bottom: 16px;
		border-radius: 18px;
	}
	.dexapp-acc-sheet-ico > svg {
		width: 28px;
		height: 28px;
	}
	.dexapp-acc-sheet-ico.is-amber { background: rgba(245, 158, 11, .12); color: #F59E0B; }
	.dexapp-acc-sheet-ico.is-blue  { background: rgba(37, 99, 235, .10);  color: #2563EB; }
	.dexapp-acc-sheet-title {
		margin: 0 0 8px;
		color: var(--dexapp-text);
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 17px;
		line-height: 1.35;
	}
	.darkmode .dexapp-acc-sheet-title {
		color: #fff;
	}
	.dexapp-acc-sheet-text {
		margin: 0 0 22px;
		color: var(--dexapp-text-2);
		font-family: 'custom-regular', 'Plus Jakarta Sans', sans-serif;
		font-size: 13.5px;
		line-height: 1.55;
	}
	.darkmode .dexapp-acc-sheet-text {
		color: #CBD5E1;
	}
	.dexapp-acc-sheet-btn {
		width: 100%;
		height: 50px;
		border: 0 none;
		border-radius: 14px;
		background: var(--dexapp-blue);
		color: #fff;
		font-family: 'custom-font', 'Plus Jakarta Sans', sans-serif;
		font-size: 15px;
		cursor: pointer;
	}
	.dexapp-acc-sheet-btn:focus {
		outline: none;
	}
	.dexapp-acc-sheet-btn:focus-visible {
		box-shadow: 0 0 0 3px var(--dexapp-blue-light);
	}
	body.dexapp-acc-sheet-open {
		overflow: hidden;
	}
}