@media (max-width: 480px) {
	#dashboardView__wrapper {
		--layer: 0;
		--zIndex: 1032;
		position: fixed;
		inset: 0;
		z-index: calc(var(--zIndex) + var(--layer));
	}
	body:not(.mobileDashboardView) #dashboardView__wrapper {
		display: none;
	}
	.dashboardView__overlay {
		position: fixed;
		inset: 0;
		display: flex;
		justify-content: center;
		align-content: center;
		align-items: center;
		transition: background-color 0.2s ease-out;
		-webkit-transition: background-color 0.2s ease-out;
	}
	.dashboardView {
		font: 12px/20px var(--font-base);
		color: var(--base-txt-primary);
		overflow: hidden;
		background: var(--base-cont-mod-top);
		text-align: left;
		pointer-events: auto;
		flex-grow: 0;
		flex-shrink: 0;
		position: fixed;
		inset: 50% 0 auto;
		border-radius: 20px 20px 0 0;
		box-shadow: 0 -1px var(--base-line-secondary),  0 600px 0 400px var(--base-cont-mod-top), 0 0 40px -2px var(--colors-graphite-trans-400);
		display: flex;
		flex-direction: column;
		max-height: 100%;
		transition: top .3s ease;
	}
	.dashboardView.swype {
		max-height: unset;
		height: auto;
		bottom: 0;
	}
	.dashboardView-fullscreen {
		max-height: unset;
		top: calc(var(--swipe-window-top) + var(--visualViewport-top));
		bottom: 0;
		padding-bottom: var(--visualViewport-bottom) !important;
		scroll-padding: 200px;
		height: auto !important;
	}

	.dashboardView__swipe {
		margin: 3px auto;
		width: var(--mobile-primary-menu-swipe-width);
		height: 3px;
		border-radius: 3px;
		background-color: var(--base-txt-muted);
		cursor: pointer;
		transition: width .3s ease, background-color .3s ease;
		cursor: pointer;
	}
	.dashboardView .dashboardView__swipe {
		--mobile-primary-menu-swipe-width: var(--mobile-primary-menu-half-opened-swipe-width);
		background-color: var(--base-txt-accent);
	}
	.dashboardView-fullscreen .dashboardView__swipe {
		--mobile-primary-menu-swipe-width: var(--mobile-primary-menu-full-opened-swipe-width);
		background-color: var(--base-txt-accent);
	}

	.dashboardView > * {
		flex-grow: 0;
		flex-shrink: 0;
	}
	.dashboardView .dashboardView__content {
		flex-grow: 1;
		flex-shrink: 1;
		max-height: unset;
		min-height: 0;
	}

	.dashboardView__header {
		display: flex;
		padding: 8px 16px 0;
		position: relative;
		flex-grow: 0;
		flex-shrink: 0;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
	}
}


/* ----------- MinifyCSS: LIGHT THEME ----------- */
.dashboardView__overlay {
	background-color: var(--colors-alpha-dark-15);
}

/* ----------- MinifyCSS: DARK THEME -----------

.dashboardView__overlay {background-color: rgba(27, 33, 39, 0.75)}

  ----------- MinifyCSS: STOP ----------- */