/**
 * Bottom workspace controls.
 * Target: #nav-bottom-left and its native Lumise color counter.
 */

@media only screen and (min-width: 1171px) {
	body.lumise-theme-mono-editor #LumiseDesign #nav-bottom-left {
		border-radius: 8px;
		bottom: 16px;
		box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 );
		left: calc(
			32px + var( --lmono-sidebar-rail-width ) +
			var( --lmono-sidebar-panel-width )
		) !important;
		top: auto;
		transform: none;
		z-index: 100002;
	}

	body.lumise-theme-mono-editor.lmono-design-mode #LumiseDesign #nav-bottom-left {
		left: calc( 32px + var( --lmono-sidebar-rail-width ) ) !important;
	}
}